炫意html5
最早CSS3和HTML5移动技术网站之一

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


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

回答

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

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

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

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

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

炫意HTML5 » vue如何给表格添加一条数据

CSS3教程HTML5教程