Vue+Element UI dialog中 动态加载不同的子组件，如何实现？

用Vue+Element UI做了一个待办系统，系统中有不同类型的业务表单，待办提醒都是在一个地方，如下图：

有很多待办条目，点击其中一条弹出dialog，怎么动态加载特定的业务表单呢？

把不同的表单做成子组件吧，例如 Form1.vue(假设name 是form1), Form2.vue(假设name 是form2), Form3.vue(假设name 是form3),
然后再封装一层，例如Forms.vue,用属性来控制，显示那个表单
其内容可以是(Forms.vue):

<template>
<component :is="formName" xxxxxxx>
</template>

xxxxxx
export default {
    name:'Forms', 
    props:['formName'], //这个formName是父组件点击某个业务时传过来的（例如form1,form2,form3...）
    xxxxxxx
}

用component标签，根据待办类型在is绑定对应组件。

你是想打开dialog时，dialog里显示待办条目的信息吗？如果这样的话只需要传值进dialog组件里就行，逻辑就三步：
1.获取待办条目的值：如果你这些条目是el-table，获取当前行的数据，element官方文档里有怎么获取的方法。
2.传值，涉及到vue组件间通信问题。
3.获取值，直接把数组或者对象给到你dialog里表单绑定的值里即可。

props: { flag: Boolean }， 用v-if='flag'判断