在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ vue中，如何實現(xiàn)點擊按鈕復(fù)制一段dom元素？

vue中，如何實現(xiàn)點擊按鈕復(fù)制一段dom元素？

在vue項目中，有以下場景：點擊add按鈕，實現(xiàn)input框的新增，怎么實現(xiàn)？

clipboard.png

自己想到了一種方法，但是太麻煩，想用一種簡單的方式實現(xiàn)。

回答
編輯回答
亮瞎她

v-for循環(huán)一個數(shù)組arr arr.length就是 input的個數(shù) 點擊 add 向數(shù)組里添加一個值。數(shù)組變化 會導(dǎo)致 view視圖的變化。 這就是mvvm -> model view viewModel

2017年12月2日 20:56
編輯回答
獨白

定義一個input框的數(shù)組

data(){
    return{
        inputs:[{value:''}]
    }
}

模板渲染

<div v-for="item in inputs">
    <input ...>
</div>

add事件

add(){
    this.inputs.push({value:''})
}
2017年5月8日 18:52
編輯回答
入她眼

數(shù)據(jù)驅(qū)動的方法, 用 v-for 啊

http://runjs.cn/code/vjfkzprp

2018年2月20日 02:14