vue 列表 进入详情 返回不刷新

作者: cayman 分类: 编程技术 发布时间: 2019-02-22 22:18
    1、在路由出口渲染组件时配置: 

 <keep-alive>
          <router-view v-if="$route.meta.keepAlive" class="router-view">
          </router-view>
      </keep-alive>
     <router-view v-if="!$route.meta.keepAlive" class="router-view" ></router-view>
2、在路由选项中,配置meta属性,keepAlive为true即为需要缓存的组件
{
          name: '首页',
          path: 'index',
          component: Index,
          meta: {
            keepAlive: true, 
            isBack: false
          }
        },

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注