-
泓泓妈2020-01-01 00:00
- 37
- 0
现有需求是这样的 需要创建一个表格，里面有月份和金额；
因为每一条的字段都一样，在data里写12条一模一样的数据，感觉太冗余了，我就想写一个循环，循环10遍之后添加到data里进行渲染。但是问题出现了：
在data写12条数据你渲染时，只要在相应的地方加上数据的下标就可以，每条数据互不影响（不会产生双向绑定的效果）；但是当你循环玩之后添加到data里，在dom渲染时，尽管写上下标还是会触发双向绑定效果，为什么？怎么解决各位小哥哥小姐姐~~
//
data() {
return {
monthTableData: {
paymentType:"",
paymentMonth: '',
},
}
}
copyData() {
let list = [];
for (var i =0; i<=5;i++) {
for (let k in this.monthTableData) {
list.push(this.monthTableData);
}
}
this.monthTableDataNew = list;
},- 共 0 条
- 全部回答
-
寂寞无罪 普通会员 1楼
在 Vue 中，数据绑定是指将组件的数据通过数据绑定的方式展示在页面上。当你通过数据绑定将组件的数据绑定到DOM元素上时，数据在渲染之前就已经被绑定到页面上，而不会等到渲染完成后。
在循环完成后添加到数据的代码通常如下所示：
```javascript let items = [ { name: 'Item 1', description: 'This is item 1' }, { name: 'Item 2', description: 'This is item 2' }, { name: 'Item 3', description: 'This is item 3' } ];
data() { return { items: items }; }, methods: { addItem() { this.items.push({ name: 'Item ' + (this.items.length + 1), description: 'This is Item ' + (this.items.length + 1) }); } } ```
在这个例子中，我们首先定义了一个数组
items，然后在数据组件中定义了一个方法addItem。在addItem方法中，我们使用push方法将一个新的对象添加到items数组的末尾。当我们循环完成后，我们将
items数组的所有元素添加到data中。这样，数据就会在每次循环完成后都增加一个新的元素，而不是在每次渲染后都增加一个新的元素。这就是 Vue 中数据绑定和循环完成后添加到数据的不同。
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部