新增table一行时，却改变了原有新增的行？

发布于
2018-10-22

 submitAddBook (data) {
    this.addBookOnoff = false
    this.tableData.push(data)
}

上图是新增的最后一行，为何把之前的也改变了？

vue.js element-ui

阅读 3k

4 个回答

得票最新

linong

29.2k1368137

发布于
2020-03-25

一边vue出现这种问题，很大程度上是:key的问题。

数组的话，有可能是你使用的splice不对，但是你使用的push，所以问题出现在了key上。

查看全部 4 个回答

推荐问题

如何在Vue中点击菜单弹出v-dialog对话框？
大致就是点击用户管理后不要进入主界面而是直接弹出dialog。。。咋个实现呢
9 回答1.8k 阅读✓ 已解决
如何用Vue实现Word文档自动分页与双页排版功能？
用vue实现word的自动分页功能双页排版即用户输入的内容超过了一张A4纸的高度则自动分页将内容自动分割成两页按照左右左右的方式排版问题的难点在于 word的内容是不固定的标题 table 图片等等都有可能而且要加入交互逻辑比如弹出时间选择器弹出输入框等等目前外观是出来了直接v-for渲染page页但是接下...
6 回答1.7k 阅读
el-select设置为多选，如何让它只能选择一项？
项目中的el-select开始设计为多选，所以后端属性对应是集合类型，但是现在需要改为单选，但是后端不愿意改，因为涉及到的地方多，所以像知道能不能单纯前端处理，就是前后端对应的属性还是集合类型，但是当用户选中一项时，覆盖掉之前选中的，这不就变成单选了吗？能否做到呢？
5 回答1.5k 阅读✓ 已解决
为什么 el-tabl操作列加了 fixed="right"之后列边框线不完整，有大佬知道原因吗？
el-table操作列加了fixed="right"之后,操作列上下行的边框线消失了，只有第一行和最后一行是正常的，其他都有问题，有大佬知道是什么原因吗？操作列代码
3 回答1.5k 阅读✓ 已解决
如何实现类似豆包的AI改写框跟随内容滚动效果？
豆包这种是怎么实现的，ai改写这个框是跟随内容滚动的，但是ai改写这个框是在body下与根节点平级的，想了半天，看他页面上代码也看不出来，求助
4 回答1.4k 阅读✓ 已解决
如何在Vue组件中正确请求视频数据并显示？
<script>import { getVideoUrl } from '@/api/video'export default {
3 回答1.2k 阅读
vue2 el-button按钮禁用为什么失效了？
vue2中使用template包裹了两个el-button,并且template添加了判断条件，但是当showSteps值变化为3时,其中设置了disabled的‘生成’按钮禁用属性失效，仍然可以点击，elementui版本：2.15.14；webpack版本：3.12.0，vue版本：2.7.16 代码如下
2 回答1.3k 阅读✓ 已解决

相似问题

iview table column 一个值改变了，前端同一行，另一个值同时变化
3 回答3.4k 阅读
elementUI table 合并最后一行的前几行
1 回答3.1k 阅读
控制隐藏el-table-column的一行？
1 回答10.8k 阅读
ElementUI Vue 新增一行表单，按钮定位问题
2 回答6.7k 阅读✓ 已解决
求指点，elment-ui table 组件中 append方法的用法或者怎么新增一行。
2 回答24.5k 阅读✓ 已解决

找不到问题？创建新问题

新增table一行时，却改变了原有新增的行？

如何在Vue中点击菜单弹出v-dialog对话框？

如何用Vue实现Word文档自动分页与双页排版功能？

el-select设置为多选，如何让它只能选择一项？

为什么 el-tabl操作列加了 fixed="right"之后 列边框线不完整，有大佬知道原因吗？

如何实现类似豆包的AI改写框跟随内容滚动效果？

如何在Vue组件中正确请求视频数据并显示？

vue2 el-button按钮禁用为什么失效了？

为什么 el-tabl操作列加了 fixed="right"之后列边框线不完整，有大佬知道原因吗？