使用vue渲染layui的复选框时无法渲染
电脑版发表于:2020/6/6 21:34
这是因为使用vue后数据是动态生成的,没有被layui渲染出来所以有问题,调用一下layui的渲染方法即可
layui.use(['form'], function () { var form = layui.form; form.render(); });
但是,这样还是渲染不了,因为vue更新数据后更新dom节点还需要一些时间,所以应该放在vue的updated事件中即可
var consulserviceVue = new Vue({ el: "#consulservice", data: { data: {}, service: [] }, created: function () { }, updated: function () { layui.use(['form'], function () { var form = layui.form; form.render(); }); } });
题外话:
vue和layui这两者结合是会有很多渲染的先后顺序问题,避免不了会有冲突,所以已经使用vue考虑使用iview
当然也可以考虑使用Element UI