鍍金池/ 問答/HTML5  HTML/ vue如何動(dòng)態(tài)添加組件

vue如何動(dòng)態(tài)添加組件

需求如下：點(diǎn)擊addFisrt按鈕 添加第一個(gè)組件的內(nèi)容 點(diǎn)擊addSecond 動(dòng)態(tài)添加第二個(gè)組件的內(nèi)容 而且可以無限制添加~求大神們提供一下思路和方法~謝謝~
圖片描述

圖片描述

回答
編輯回答
墨小羽

一個(gè)fields數(shù)組
一個(gè)for循環(huán)
幾個(gè)if判斷

fields: [
    {type: 'text', value: ''},
    {type: 'password', value: ''}
]
<div>
    <div v-for="f in fields">
        <input type="password" v-if="f.type === 'password'" v-model="f.value"/>
        <input type="text" v-if="f.type === 'text'" v-model="f.value"/>
    </div>
</div>
2018年2月3日 16:18