首頁猿問 vue動態(tài)添加HTML標(biāo)簽，并添加...

vue動態(tài)添加HTML標(biāo)簽，并添加指令和事件

JavaScript

慕田峪4524236 2019-03-19 21:19:43

現(xiàn)在有個需求，如圖：當(dāng)我點(diǎn)擊右側(cè)按鈕時，動態(tài)添加一組HTML標(biāo)簽，樣式和前面一樣，并且給每個input/seclect加上v-model和按鈕。而且這種是可以無限添加的，最后要獲取其數(shù)據(jù)在網(wǎng)上看到動態(tài)生成HTML標(biāo)簽的是直接引入vue.js實(shí)現(xiàn)的。但是我這是vue工程，沒有實(shí)現(xiàn)成功。請問怎么實(shí)現(xiàn)，或者這種需求有什么別的好辦法呢？

查看完整描述

2 回答

小唯快跑啊

TA貢獻(xiàn)1863條經(jīng)驗獲得超2個贊

你描述的問題就是Vue的核心功能啊，不管你是用script引入的Vue，還是用vue-cli生成的應(yīng)用骨架。這個問題，只能靠你自己再去看下官方文檔，研究下怎么“間接地”用“數(shù)據(jù)驅(qū)動視圖”，而不是點(diǎn)擊下按鈕直接就添加一組HTML標(biāo)簽。這是個思路問題，思路恰恰就是Vue的核心思想。相關(guān)的知識點(diǎn)：Vue列表渲染，操作（點(diǎn)擊）改變數(shù)據(jù)，Vue監(jiān)聽到數(shù)據(jù)的變化動態(tài)渲染列表（也就是你說的添加一組HTML標(biāo)簽）。

反對回復(fù) 2019-04-05