vue -layui初学

时间:2020-01-09
本文章向大家介绍vue -layui初学,主要包括vue -layui初学使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

新建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' //指定元素
        });
      });
    }

  

原文地址:https://www.cnblogs.com/mafy/p/12172324.html