目录
1、代码
1.1、关键代码
- 1、代码
-
- 1.1、关键代码
- 1.2、完整代码
- 2、实现概况
- 3、效果
-
- 3.1、PC端
- 3.2、移动端
add() { let collectDatas = this.collectData, TemplateDatas = this.deepClone(this.TemplateData), id = collectDatas[collectDatas.length - 1].id; id += 1; TemplateDatas.id = id; this.collectData.push(this.deepClone(TemplateDatas)); }
1.2、完整代码
gitee(码云) - mj01分支 - deepUse 文件夹
2、实现概况页面分成两个模块。模块一是输入框，模块二是级联选择器。两个模块融合到一起变为一个大模块，这个大模块可以通过添加按钮新增多个。每个v-model通过新增模块时设置绑定的字段，通过绑定的字段实现收集。大模块不仅可以实现新增，还可以删除，但是至少需要保留一项大模块。通过for循环实现级联选择器选择面板的互斥功能，就是不能同时打开两个面板。
3、效果 3.1、PC端
