问答

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

作者:admin 2021-05-06 我要评论

如何实现这种选择左边数据,右边添加一条。左边数据还在。 ### 这怎么看都是同一数据源来对 远不选中只是状态调整 右侧利用对应的选中状态来渲染 简单的说就是,...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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

###

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

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

###

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

###

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

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

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue如何给表格添加一条数据

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

  • 移动端echarts如何实现长按某图形显示

    移动端echarts如何实现长按某图形显示

  • 数组展平的问题

    数组展平的问题

  • iview datepicker type='daterange' 动

    iview datepicker type='daterange' 动

腾讯云代理商
海外云服务器