element 动态禁用问题

Question

做一个动态禁用的功能，
先是给没一列都加上disbled属性

这是显示出来的效果，当我点击任意一行的编辑 使其变成可编辑状态

但是这样加点击事件后 点击编辑 所用行都同时变成可编辑状态，这个如何解决呀

Answer 1

用一个同等长度的数组存状态位，或者在v-for下拉框的list数据里加个disabled的状态位

Answer 2

所以isCheck得挂到scope.row上啊
如果接口返回的数据本身没有isCheck， 那就自已处理加上isCheck默认为true
比如:

this.list = fetchList.map(v => ({...v, isCheck: true}));

编辑的时候需要改为row.isCheck = false;

Answer 3

表格data数组每一项都加上isCheck，用来控制每一行的disabled状态