mt-checklist 的 bug 解疑 及 防止 this 指针偏移

1.今天在使用 mt-checklist 时，发现 绑定 change 方法后，第一次点击返回的值为 空数组

原因：

版本2 中 抛弃了 change 方法，需要通过 watch 进行监听。

解决方案：

watch 监听数据变化

 

2.this 指针偏转

通过

let _this = this;

解决。

例如：

methods:{
  // 赋值,防止this指针改变
  let _this = this; 
  // 重写checkBoxList
  this.nextStep.forEach(function(val,index,arr){
    _this.checkBoxList[index] = [];
    val.forEach(function(v,i,a){
      _this.checkBoxList[index][i] = {};
      _this.checkBoxList[index][i].label = v.name;
      _this.checkBoxList[index][i].value = v.objectId;
    });
  });
}

 

3.动态生成 两个mt-checklist 如何同时获得两个cheklist的值？

步骤一：获取当前列表序号

步骤二：对指定的 DOM 元素进行操作

 

也可以写为：

.