在Vue.js中,可以使用临时值来在表格中添加新记录。下面是一种常见的方法:
data() {
return {
newRecord: {
id: '',
name: '',
age: ''
},
records: [] // 已有的记录数组
}
}
<table>
<tr>
<td><input v-model="newRecord.id" type="text"></td>
<td><input v-model="newRecord.name" type="text"></td>
<td><input v-model="newRecord.age" type="text"></td>
<td><button @click="addRecord">添加</button></td>
</tr>
</table>
methods: {
addRecord() {
this.records.push(this.newRecord);
this.newRecord = {
id: '',
name: '',
age: ''
};
}
}
这是一个简单的示例,你可以根据实际需求进行修改和扩展。如果你想了解更多关于Vue.js的信息,可以参考腾讯云的Vue.js产品介绍页面:Vue.js产品介绍。
云+社区技术沙龙[第26期]
云+社区技术沙龙[第27期]
DB TALK 技术分享会
Elastic 实战工作坊
Elastic 实战工作坊
云+社区技术沙龙[第14期]
云+社区技术沙龙[第7期]
云+社区技术沙龙[第23期]
北极星训练营
腾讯云GAME-TECH沙龙
企业创新在线学堂
云+社区技术沙龙[第8期]
领取专属 10元无门槛券
手把手带您无忧上云