vue -layui初学

烈酒焚心 提交于 2020-01-09 17:20:40

新建vue项目的时候,用到了layui渲染,但是页面二次加载的时候,复选框消失了,疑似layui渲染出异常了,这个时候需要再次渲染,具体代码如下.vue文件

export default {
  name: 'MemberList'
  ,mounted:function(){
    this.init();
  },
  beforeDestroy:function(){
  },
  destroyed:function(){

  },
  methods: {
    init: function () {
      layui.use(['laydate','form'], function(){
        var laydate = layui.laydate;
        var  form = layui.form;
        form.render();---------------------------------------------------------该处是重新渲染的方法
        // 监听全选
        form.on('checkbox(checkall)', function(data){
          if(data.elem.checked){
            $('tbody input').prop('checked',true);
          }else{
            $('tbody input').prop('checked',false);
          }
          form.render('checkbox');
        });

        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });
      });
    }

  

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!