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

Question

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

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

Answer 1

把不同的表单做成子组件吧，例如 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
}

Answer 2

感谢