为了账号安全,请及时绑定邮箱和手机立即绑定

vue动态添加HTML标签,并添加指令和事件

vue动态添加HTML标签,并添加指令和事件

慕田峪4524236 2019-03-19 21:19:43
现在有个需求,如图:当我点击右侧按钮时,动态添加一组HTML标签,样式和前面一样,并且给每个input/seclect加上v-model和按钮。而且这种是可以无限添加的,最后要获取其数据在网上看到动态生成HTML标签的是直接引入vue.js实现的。但是我这是vue工程,没有实现成功。请问怎么实现,或者这种需求有什么别的好办法呢?
查看完整描述

2 回答

?
小唯快跑啊

TA贡献1863条经验 获得超2个赞

你描述的问题就是Vue的核心功能啊,不管你是用script引入的Vue,还是用vue-cli生成的应用骨架。这个问题,只能靠你自己再去看下官方文档,研究下怎么“间接地”用“数据驱动视图”,而不是点击下按钮直接就添加一组HTML标签。这是个思路问题,思路恰恰就是Vue的核心思想。相关的知识点:Vue列表渲染,操作(点击)改变数据,Vue监听到数据的变化动态渲染列表(也就是你说的添加一组HTML标签)。

查看完整回答
反对 回复 2019-04-05
?
侃侃无极

TA贡献2051条经验 获得超10个赞

已解决,写成组件的形式,点击动态生成组件。


<component :is="item.component" v-for="item in items" style="margin-button: 10px;" @rainData="rainData"></component>


查看完整回答
反对 回复 2019-04-05
  • 2 回答
  • 0 关注
  • 6054 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号