溫馨提示×

vue如何生成標簽

vue
養魚的貓咪
547
2021-05-14 18:07:29
欄目: 編程語言

在vue中生成標簽的方法:1.新建vue.js項目;2.在項目中添加button按鈕,并綁定@click事件;3.初始化data;4.使用this.itemArr.push方法生成標簽;

vue如何生成標簽

具體步驟如下:

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);

},


0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女