html vue 动态加载组件

最新推荐文章于 2024-10-18 11:06:36 发布

好名全被用

最新推荐文章于 2024-10-18 11:06:36 发布

阅读量639

点赞数 1

分类专栏： vue 前端文章标签： vue html

本文链接：https://blog.csdn.net/zk_1325572803/article/details/119674387

版权

前端同时被 2 个专栏收录

28 篇文章 0 订阅

订阅专栏

vue

13 篇文章 0 订阅

订阅专栏

html vue 动态加载组件

1、html:

<components :is="Comtab" ref="Comtabref">

</components>

2、引入js

<script type="text/javascript" src="../js/vue/http-vue-loader.js"></script>

3、vm

Vue.use(httpVueLoader);

// 加载表格组件
changeTabCom(item){
    item.chooseType = 1;
    if (+item.ruleId == 1){
        this.Comtab = httpVueLoader('./ruleTabCompents/Mytab.vue');
    } else if (+item.ruleId == 2){
        this.Comtab = httpVueLoader('./ruleTabCompents/Pretab.vue');
    }
    // 调组件方法
    setTimeout(()=>{
        this.$refs.Comtabref.loadScene(item);
    }, 1500)
}