美文网首页让前端飞基础前端入门
vue中用mint ui checklist 插件change事

vue中用mint ui checklist 插件change事

作者: 张一井 | 来源:发表于2018-12-18 17:29 被阅读1次

vue中用mint ui checklist 插件change事件不能获取全部值的原因

这是使用@change事件输出的选中值

222.png 111.png

看到了输出内容并不是全部选中的值。

原因

1、可能是因为生命周期的原因,methods 监听的第一次就是修改前的值。
2、也可能是没有传入当前参数

解决办法

1、@change="checkon($event)"
2、用watch监听来获取

    watch:{
      value:{
        //注意:当观察的数据为对象或数组时,curVal和oldVal是相等的,因为这两个形参指向的是同一个数据对象
        handler(curVal,oldVal){
          console.log(curVal,oldVal);
        },
        deep:true
      }
    },

相关文章

网友评论

    本文标题:vue中用mint ui checklist 插件change事

    本文链接:https://www.haomeiwen.com/subject/emilkqtx.html