vue 动态加载并注册组件且通过 render动态创建该组件

最新推荐文章于 2024-02-24 22:11:55 发布

⑧o年崋

最新推荐文章于 2024-02-24 22:11:55 发布

阅读量1.7k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/xnlzg/article/details/104478793

版权

vue 专栏收录该内容

23 篇文章 3 订阅

订阅专栏

 <load-comp :config="editUserConfig1" url="page/user/Index"></oad-comp>

load-comp.vue

<script>
  export default { 
    props: {
      name: { 
      type:String,  
      default:'loadComp',
      },
      url: {
        type:String,
        default:''
      },
      config: {
        type:Object,
        default() {
          return {};
        }
      }
    },
    created() { 
      this.$options.components[this.name] = require('@/components/'+this.url+'.vue')
    },
    render: function (createElement) {
      debugger
      return createElement(this.name,{
      props: {
        config: this.config
      }
    })
    }
  }
</script>