码迷,mamicode.com
首页 > 其他好文 > 详细

<keep-alive>控制Vue Router路由

时间:2017-08-10 10:32:00      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:app   --   one   logs   路由   home   view   class   highlight   

只给部分组件加上<keep-alive>啊,在app.vue里这样

<!-- 这里是需要keepalive的 -->
<keep-alive>
    <router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>

<!-- 这里不会被keepalive -->
<router-view v-if="!$route.meta.keepAlive"></router-view>

然后在设置路由信息的时候这样

{
  path: ‘‘,
  name: ‘‘,
  component: ,
  meta: {keepAlive: true} // 这个是需要keepalive的
},
{
  path: ‘/home‘,
  name: ‘home‘,
  component: homepage,
  meta: {keepAlive: false} // 这是不会被keepalive的
}

  

<keep-alive>控制Vue Router路由

标签:app   --   one   logs   路由   home   view   class   highlight   

原文地址:http://www.cnblogs.com/Abner5/p/7337274.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!