Vue 动态引入 组件地址

export default {

  data() {

    return {

      // 是否显示弹出层

      open: false,

      test:null,

      cmps:'task/index.vue' ###动态组件名称

  },

  //计算单独的组件

  computed:{

    loader(){

        return () => import(`@/views/flowable/${this.cmps}`);

    }

  },

  mounted() {

  },

  created() {

    this.loader().then(res => {

      this.cmps='model/index';

      this.test = () => this.loader();

    },)

  },

  methods: {

    indexMethod() {
     ///TODO 网络加载 动态就改 this.cmps的地址，然后动态显示即可
      
    }

  }

};