您好,登錄后才能下訂單哦!
這篇文章主要講解了“Vue同一路由強制刷新頁面如何實現”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“Vue同一路由強制刷新頁面如何實現”吧!
使用this.$router.replace()
,跳到一個空白頁,然后this.$router.replace()
重新跳回來
使用this.$router.replace()
的原因是,其實跟this.$router.push()
效果一樣,但是this.$router.replace()
不會記錄到history里,不留痕跡
甚至不用打開空白頁,直接用beforeRouteEnter
攔截跳回原來頁面
<template> </template> <script> export default { beforeRouteEnter(to, from, next) { next(vm => { vm.$router.replace(from.path) // 跳到該路由頁面后,再替換為from.path來源路徑 }) } } </script>
{ path: '/refresh', component: resolve => require(['@/pages/refresh'], resolve), meta: { title: '用于同路由刷新' } }
this.$router.replace('/refresh')
感謝各位的閱讀,以上就是“Vue同一路由強制刷新頁面如何實現”的內容了,經過本文的學習后,相信大家對Vue同一路由強制刷新頁面如何實現這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。