在vue中生成標簽的方法:1.新建vue.js項目;2.在項目中添加button按鈕,并綁定@click事件;3.初始化data;4.使用this.itemArr.push方法生成標簽;
具體步驟如下:
1.首先,在vue-cli中創建一個vue.js項目;
vue init webpack myvue
2.vue.js項目創建好后,在項目中添加一個button按鈕,并使用@click綁定一個點擊事件;
<button @click="addEle">點擊生成標簽</button>
3.點擊事件設置好后,在data中進行初始化;
data() {
return {
itemArr: [{
content: ''
}]
}
}
4.最后,data初始化后,使用this.itemArr.push方法即可生成標簽;
addEle() {
this.itemArr.push({
content: ''
})
},
相關擴展:
1)點擊刪除標簽
<button @click="deleteEle()">點擊刪除標簽</button>
deleteEle(index) {this.itemArr.splice(index, 1);
},