我现在的项目要我写个后台编辑问卷调查的界面,那编辑的时候有不同的版块,比如选择题,判断题等等,每个的表单编辑模式是不同的,我把每个类型写了个组件,一开始是这些组件是不存在的,如果我想动态添加这些组件该怎么办,
大概就是上面这种编辑模式(图片是社区里盗的。。)
我现在的项目要我写个后台编辑问卷调查的界面,那编辑的时候有不同的版块,比如选择题,判断题等等,每个的表单编辑模式是不同的,我把每个类型写了个组件,一开始是这些组件是不存在的,如果我想动态添加这些组件该怎么办,
大概就是上面这种编辑模式(图片是社区里盗的。。)
通过 component 动态组件的方式遍历数据<component :is="item.type" :data="item" v-for="item in sourceData"></component>
数据必须包含一个数据的所属组件类型
具体的可以看这个 https://cn.vuejs.org/v2/api/#is 内置的组件
13 回答12.7k 阅读
7 回答1.8k 阅读
9 回答1.6k 阅读✓ 已解决
6 回答828 阅读
3 回答1.1k 阅读✓ 已解决
3 回答1.3k 阅读✓ 已解决
2 回答1.1k 阅读✓ 已解决
v-for
循环即可,你仅仅需要维护一个data
对象