vue如何给表格添加一条数据

Question

如何实现这种选择左边数据，右边添加一条。左边数据还在。

Answer 1

这怎么看都是同一数据源来对
远不选中只是状态调整
右侧利用对应的选中状态来渲染

简单的说就是，左侧渲染数据源所有，右侧渲染数据源选中状态的数据

Answer 2

维护两个数组, 选中左边数据添加到右边数组中

Answer 3

这个功能，可以通过filter方法来实现
左侧数据为一个数组，对左侧的数组使用filter来筛选选中的项来得到一个新数组。

let newArr = oldArr.filter(ele => ele.checked)

Answer 4

？？？？ 这个是问题吗？
点击，或者勾选事件维护一个选中状态，
然后右侧数据 = 左侧数据 && 过滤选中;
如果你问我怎么绑，单选，多选，翻页勾选，全选 .... 请出门右转