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

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
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 9月29日
  • 已采纳回答 9月21日
  • 创建了问题 9月18日

悬赏问题

  • ¥15 有没有人会打学生成绩管理系统呀
  • ¥15 在使用Fiddler和夜神模拟器抓包的时候一直出现443该怎么办啊QAQ搜了好几个笔记都没有解决
  • ¥15 3x7的二维数组A、B、C,A中的任意1个数组元素与B的任意1个数组元素、同时又与C的任意1个数组元素比较,把不同位置出现相同数的比较称为无意义,反之称为有意义,把有意义的比较打印输出。
  • ¥20 预测模型怎么处理原始数据(随机森林)
  • ¥20 请问discuz3.5如何实现插入ckplayer全能播放器功能呢?
  • ¥15 博途v18仿真报错怎么解决
  • ¥15 欧姆龙plc枕式包装机 ST编程
  • ¥15 为啥快手广告联盟的广告这么难出来
  • ¥15 k8s集群重启后,kubelet一直报systemctl restart kubelet.service "Failed to delete cgroup paths"
  • ¥15 微信小程序构建工具类发布到npm,install后报错