情不知从何起,一往而情深
排名
6
文章
199
粉丝
4
评论
3
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

使用vue渲染layui的复选框时无法渲染

8233人阅读 2020/6/6 21:34 总访问:1110495 评论:0 收藏:0 手机
分类: 前端

这是因为使用vue后数据是动态生成的,没有被layui渲染出来所以有问题,调用一下layui的渲染方法即可

  1. layui.use(['form'], function () {
  2.     var form = layui.form;
  3.     form.render();
  4. });

但是,这样还是渲染不了,因为vue更新数据后更新dom节点还需要一些时间,所以应该放在vue的updated事件中即可

  1. var consulserviceVue = new Vue({
  2.     el"#consulservice",
  3.     data: {
  4.         data: {},
  5.         service: []
  6.     },
  7.     createdfunction ({
  8.     },
  9.     updatedfunction ({
  10.         layui.use(['form'], function ({
  11.             var form = layui.form;
  12.             form.render();
  13.         });
  14.     }
  15. });


题外话:

vue和layui这两者结合是会有很多渲染的先后顺序问题,避免不了会有冲突,所以已经使用vue考虑使用iview

官网:https://www.iviewui.com/

当然也可以考虑使用Element UI

欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价