vue刷新頁面-

在App.vue中修改:

1.<router-view>標籤中添加判斷條件v-if="isRouterAlive"

<router-view v-if="isRouterAlive"></router-view>

2.data()函數中添加isRouterAlive: true

data() {

return {

isRouterAlive: true

}

}

3.在method中添加reload方法

methods: {

// 刷新方法

reload: function () {

this.isRouterAlive = false;

// 該方法會在dom更新後執行

this.$nextTick(function () {

this.isRouterAlive = true

})

}

},

4.provide中添加return

return {

reload: this.reload

}

在你要刷新的頁面下:

1.添加inject: ['reload'],

2.在執行方法上調用this.reload()

即可重新刷新頁面

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章