vue頁面點擊按鈕增加和刪除標簽


1、在data()里定義一個空數組:

conditions:[],

2、給數組一個容器,並且遍歷數組

<div v-for="item in conditions">
<div>數組中的數據</div>
...
</div>

3、給按鈕綁定單擊事件

<el-button type="text" @click="newconditions()"><i class="el-icon-circle-plus-outline"></i>新增條件</el-button>

4、在單擊事件中利用push方法向數組增加數據(增加標簽)

newconditions(){
this.conditions.push(1);
},

5、刪除數據

remove(){
this.conditions.pop(1);
}

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM