情不知从何起,一往而情深
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术

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

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

这是因为使用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

欢迎加群讨论技术,群:677373950(满了,可以加,但通过不了),2群:656732739

评价