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
      }
    },