vue2.0頁面緩存和不緩存的方法

// 模板中：
<div class="home">
        <keep-alive>
            <router-view v-if="$route.meta.keepAlive"></router-view>
        </keep-alive>
            <router-view v-if="!$route.meta.keepAlive"></router-view>
    </div>


// 路由配置中：

[
        {
          path: 'main',
          name: 'main',
          component: main,
          meta: { keepAlive: false } // false為不緩存
        },
        {
          path: 'orderSearch',
          name: 'orderSearch',
          component: orderSearch,
          meta: { keepAlive: false } // false為不緩存
        }
]

 

緩存與不緩存間可用：

如：從指定路由跳過來

watch: {
    '$route' (to, from) {
        if( from.path == "/home"){
        //...
        } 
        }
}

 

 

 

.