vue + element 复选框勾选、禁用和隐藏的使用问题

Question

使用element的table表格，想在每行加上复选框，但是对复选框的显示和勾选有要求，举个例子：只有当勾选第一行并且保存后才会出现第二行的复选框，同时第一行复选框禁止修改，以此类推，第二行、第三行。想知道这样要怎么实现

Answer 1

你可以在数据上增加个字段，是否已勾选，如：isChecked: false，表格复选框默认第一个显示且isChecked: false，如果勾选，将该字段置为true，同时在checkbox的属性disable置为true，这样，选择后就禁止修改了，保存后，该条数据isChecked: true；重新渲染，第一个isChecked: true就不显示，显示下一个值为false的数据；这样的一个逻辑即可满足你的交互。