Vue 动态引入

时间：2021-03-16 14:03:20 收藏：0 阅读：0

界面

<template>
      <div align="center" >
         <component :is=‘modelUrl‘ ref=‘child‘  :data=‘data‘ ></component>
      </div> 
      
</template>

定义

 data() {
      return {    
        modelUrl: null
      }
    },

components: {

},
props: [ ‘data‘],

mounted() {
　　this.modelUrl = () => import(‘../tempalte/‘+filename+‘.vue‘)
},