TA貢獻1815條經驗 獲得超6個贊
router.js
// router用historyconst appRouter = { mode: "history", routes: [
{ path: "/list", name: "list", component: List, meta: { keepAlive: true //不刷新
}
}
]
}App.vue入口文件添加keep-alive
<template> <div id="app"> <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <router-view v-if="!$route.meta.keepAlive"></router-view> </div></template>
TA貢獻1810條經驗 獲得超4個贊
解決方法主要是記錄位置，上面幾位都說的很清楚了，如果用的vue-router的話，可以放到meta中記錄位置
1、頁面離開時
beforeRouteLeave (to, from, next) { // 這里寫自己獲取的位置
let position = document.getElementById('vux_view_box_body').scrollTop if (to.path === '/home') { from.meta.position = 0
} else { from.meta.position = position
}
next()
}2、回來當前頁面，在mounted中$nextTick或setTimeout后scrollTo(0, position)
舉報