vue页面动态添加标签
Posted qaakd
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue页面动态添加标签相关的知识，希望对你有一定的参考价值。
页面结构
<ul>
<li v-for="(item, index) in itemArr" :key="index">
<el-input v-model="item.content"></el-input>
</li>
</ul>
<button @click="deleteEle(index)">删除</button>
<button @click="addEle">+添加元素</button>
data初始化
data() {
return {
itemArr: [{
content: ''
}]
}
}
方法
// 点击添加
addEle() {
this.itemArr.push({
content: ''
})
},
// 删除一项
deleteEle(index) {
this.itemArr.splice(index, 1);
},
以上是关于vue页面动态添加标签的主要内容，如果未能解决你的问题，请参考以下文章