首页 > 其他 > 详细

vue -layui初学

时间:2020-01-09 17:54:25      阅读:113      评论:0      收藏:0      [点我收藏+]

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

  

vue -layui初学

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!