动态组件：动态加载

最新推荐文章于 2024-11-23 10:28:57 发布

「已注销」

最新推荐文章于 2024-11-23 10:28:57 发布

阅读量227

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/XBS1995/article/details/105504438

版权

vue 专栏收录该内容

1 篇文章

订阅专栏

<template>
  <div class="container">
    <component :is="userComponentImstance" title="component"/>
  </div>
</template>

<script>
export default {
  name: "userImport",
  data() {
    return {
      isMember: false
    };
  },
  computed: {
    userComponentImstance() {
      let { isMember } = this;
      let pathName = isMember ? "MemberInfo" : "UserInfo";
      //通过import动态导入组件
      return () => import(`../components/${pathName}`);
    }
  }
};
</script>