vue h5 页面标题,页面数据缓存问题
问题描述: 每个页面的title更改 路由: h5部分页面不需要数据缓存
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router);
export default new Router({
routes: [
{
path: '/success',
name: 'Success',
component: myComponents.Success,
beforeEnter: function (to, from, next) {
document.title = "21312312";
next();
},
meta: {
keepAlive: false, //此组件不需要被缓存
}
},
{
path: '*',
redirect: '/home'
}
]
})
页面:
<template>
<div id="app">
<!-- <keep-alive>-->
<!-- <router-view/>-->
<!-- </keep-alive>-->
<keep-alive>
<router-view v-if="$route.meta.keepAlive">
<!-- 这里是会被缓存的视图组件,比如 page1,page2 -->
</router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive">
<!-- 这里是不被缓存的视图组件,比如 page3 -->
</router-view>
<!--<keep-alive v-if="isWX">-->
<!--<router-view/>-->
<!--</keep-alive>-->
<!--<div class="out-of-wx" v-else>-->
<!--<img src="https://cdn.julanling.com/h5/saas_wx/wx-icon.png">-->
<!--<div class="wx-tips">暂不支持当前使用环境<br/>请在微信中打开使用</div>-->
<!--</div>-->
</div>
</template>
主要通过router的meta属性进行判断。记录一下
还没有评论,来说两句吧...