vue项目页面缓存使用方法:
//缓存的页面
<keep-alive>
<router-view v-if="$route.meta.isKeep"></router-view>
</keep-alive>
//不需要缓存的页面
<router-view v-if="!$route.meta.isKeep"></router-view>
const router = new VueRouter({
routes:[
{
name:'Index',
path:'/index',
component:Index,
meta: {
isKeep: false // 用来记录当前页面是否要使用keep-alive
},
},
{
name:'PageOne',
path:'/pageOne',
component:pageOne,
meta: {
isKeep: true// 用来记录当前页面是否要使用keep-alive
},
}
]
})
VueRouter滚动行为:
const router = new VueRouter({
routes: [...],
scrollBehavior (to, from, savedPosition) {
// return 期望滚动到哪个的位置
return new Promise((resolve, reject) => {
setTimeout(() => {
if (savedPosition) {
resolve(savedPosition)
} else {
resolve({ x: 0, y: 0 })
}
}, 1000)
})
}
})