vue如何动态添加组件

需求如下:点击addFisrt按钮 添加第一个组件的内容 点击addSecond 动态添加第二个组件的内容 而且可以无限制添加~求大神们提供一下思路和方法~谢谢~
图片描述

图片描述

阅读 9.1k
1 个回答

一个fields数组
一个for循环
几个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>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题