vue2 js 循环往数组里插入数据 字段为companyName和signName
时间: 2024-09-07 20:01:09 浏览: 79
Vue源码学习之关于对Array的数据侦听实现
在Vue 2.js中,如果你想要循环往数组中添加新的对象,比如每个对象包含`companyName`和`signName`字段,可以这样做:
首先,假设你有一个空数组`dataList`,你可以创建一个新的Vue实例并定义一个方法用于动态添加新元素:
```javascript
// Vue实例
new Vue({
data: {
dataList: [],
},
methods: {
addItem(companyName, signName) {
// 创建新的对象
let newItem = { companyName: companyName, signName: signName };
// 使用push方法将新对象添加到数组末尾
this.dataList.push(newItem);
}
},
});
```
然后,你可以通过调用`addItem`方法,并传入你需要的值来操作数组:
```html
<!-- HTML模板 -->
<ul>
<li v-for="item in dataList" :key="item.companyName">
公司名称:{{ item.companyName }}, 签名名称:{{ item.signName }}
</li>
</ul>
<!-- 要添加数据的地方 -->
<button @click="addItem('阿里巴巴', '张三')">添加</button>
```
每当点击按钮,就会向列表中添加一条新的记录。
阅读全文