忆点点

使用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

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

当然也可以考虑使用Element UI

关于TNBLOG
TNBLOG,技术分享。技术交流:群号677373950
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢