vue共享组件不会重复渲染问题

最新推荐文章于 2023-09-20 16:28:28 发布

素人猕猴涛

最新推荐文章于 2023-09-20 16:28:28 发布

阅读量667

点赞数

分类专栏： vue基础文章标签： vue.js

本文链接：https://blog.csdn.net/qq_44052087/article/details/127868283

版权

vue基础专栏收录该内容

20 篇文章 0 订阅

订阅专栏

//举例：
const routes = [
  {
    path: "/a",
    component: MyComponent
  },
  {
    path: "/b",
    component: MyComponent
  },
];
//有时候开发中会把多个路由解析为同一个Vue组件。问题是，Vue默认情况下共享组件将不会重新渲染，如果在使用相同组件的路由之间进行跳转，则不会发生任何变化，此时需要传递key来区分，达到刷新的目的。
<template>
    <router-view :key="$route.path"></router-view>
</template>