iview实现表格的expand和编辑功能

一：需求

1.需要实现主表格的expand和编辑功能
2.嵌套的子表格不是纯展示字段，需要对内容进行编辑
3.在主页提交表格数据时，需要同时保存主表格和子表格的数据，并且对所有的数据进行校验

二：expand功能的实现方式

1.实现表格的嵌套

1.新建一个ExpandTable.vue页面，作为嵌套的子表格
2.在Index.vue主页面中进行引用
3.render 方法中需要使用this.$createElement添加ref，而不能使用h，否则this.$refs将访问不到数据

{
    type: 'expand',
    width: 50,
    render: (h, params) => {
        return this.$createElement(ExpandTable, {
        	ref: `caseList${params.index}`,
            props: {
                scriptId: params.row.script, // 传参
            },
        })
    },
},

2.在主页中获取到子表格的数据
1.在ExpandTable.vue页面中传出：子表格的数据

// 传出数据给父组件
pushData () {