宇智波擎枫
2021-09-18 09:53
采纳率: 66.7%
浏览 167
已结题

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

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

img

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

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 邀请回答

4条回答 默认 最新

  • tonyzhangcn 2021-09-18 10:03
    最佳回答

    把不同的表单做成子组件吧,例如 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
    }
    
    评论
    解决 1 无用
    打赏 举报
查看更多回答(3条)

相关推荐 更多相似问题