中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Vue同一路由強制刷新頁面如何實現

發布時間:2022-08-15 16:19:56 來源:億速云 閱讀:1689 作者:iii 欄目:開發技術

這篇文章主要講解了“Vue同一路由強制刷新頁面如何實現”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“Vue同一路由強制刷新頁面如何實現”吧!

1. 思路

  • 使用this.$router.replace(),跳到一個空白頁,然后this.$router.replace()重新跳回來

  • 使用this.$router.replace()的原因是,其實跟this.$router.push()效果一樣,但是this.$router.replace()不會記錄到history里,不留痕跡

  • 甚至不用打開空白頁,直接用beforeRouteEnter攔截跳回原來頁面

2. 實現過程

2.1 新建一個名為refresh.vue的文件

2.2 在refresh.vue里添加 beforeRouteEnter

<template> </template>
<script>
export default {
  beforeRouteEnter(to, from, next) {
    next(vm => {
      vm.$router.replace(from.path)
      // 跳到該路由頁面后,再替換為from.path來源路徑
    })
  }
}
</script>

2.3 在路由文件里,加上refresh 的路由

    {
      path: '/refresh',
      component: resolve => require(['@/pages/refresh'], resolve),
      meta: {
        title: '用于同路由刷新'
      }
    }

2.4 當你想刷新當前頁面的時候,可以調用下面這段代碼

this.$router.replace('/refresh')

感謝各位的閱讀,以上就是“Vue同一路由強制刷新頁面如何實現”的內容了,經過本文的學習后,相信大家對Vue同一路由強制刷新頁面如何實現這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

vue
AI

乌拉特中旗| 义马市| 广元市| 斗六市| 上栗县| 南溪县| 石棉县| 亚东县| 衡阳县| 徐闻县| 肥西县| 宿州市| 仙游县| 游戏| 小金县| 谷城县| 象山县| 连南| 南乐县| 江阴市| 黑水县| 乌海市| 丹寨县| 北票市| 平邑县| 威远县| 吐鲁番市| 忻州市| 天长市| 华蓥市| 台中市| 南靖县| 武陟县| 濉溪县| 南通市| 常熟市| 象山县| 微山县| 林口县| 启东市| 曲麻莱县|