element框架 el-table嵌套input 实现表单（pc端）

运用到实际项目可能有帮助的点：

1. el-table嵌套input的实际使用

2. 多选和单选的答案排版显示切换

3. v-model改变了但页面没渲染的解决方式

4. 封装组件的思想

前几天做了一个表单组件 分享一下感受（vue2）

先上图

点击新增或者编辑会进入表单组件并且触发组件内的init方法，编辑会带该题的id，新建则是空。（父组件代码就不摆上来了）

子组件代码

编辑实际图

新增实际图

代码不复杂 且都做了注释

主要是分享下el-table嵌套input项目中的实际运用（插槽的使用），还有怎么实现一个简洁可编辑响应式表单（新增 编辑 删除）的业务需求

其中需要注意的目前回忆起来有几点：

1. el-select多选框的multiple属性（可多选）需要是一个数组，所以每次都需要切换

2. 如果反复切换，数组和字符串的方法转化会多很多不要的标点符号，所以每次切换得清空值

3. scope里的$index可以拿到循环里的下标

4. 新建的时候选项的值更新了 但是没有进到dataForm.Options里面去 所以我用了this.$forceUpdate()。

第四点奇怪的是编辑时候是正常的 能同步到select去，但是新建就不行得用强制刷新，这个问题我还在疑惑，希望有大佬解惑。