這篇文章將為大家詳細講解有關(guān)使用vue.js怎么怎么對當前頁面進行刷新，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

成都一家集口碑和實力的網(wǎng)站建設(shè)服務(wù)商，擁有專業(yè)的企業(yè)建站團隊和靠譜的建站技術(shù)，十載企業(yè)及個人網(wǎng)站建設(shè)經(jīng)驗 ,為成都數(shù)千家客戶提供網(wǎng)頁設(shè)計制作,網(wǎng)站開發(fā),企業(yè)網(wǎng)站制作建設(shè)等服務(wù),包括成都營銷型網(wǎng)站建設(shè)，品牌網(wǎng)站設(shè)計，同時也為不同行業(yè)的客戶提供網(wǎng)站制作、成都做網(wǎng)站的服務(wù),包括成都電商型網(wǎng)站制作建設(shè),裝修行業(yè)網(wǎng)站制作建設(shè)，傳統(tǒng)機械行業(yè)網(wǎng)站建設(shè),傳統(tǒng)農(nóng)業(yè)行業(yè)網(wǎng)站制作建設(shè)。在成都做網(wǎng)站,選網(wǎng)站制作建設(shè)服務(wù)商就選創(chuàng)新互聯(lián)建站。

1.強制刷新

window.location.reload()

原生 js 提供的方法；

this.$router.go(0)，vue 路由里面的一種方法；

這兩種方法都可以達到頁面刷新的目的，簡單粗暴，但是用戶體驗不好，相當于按 F5 刷新頁面，頁面的重新載入，會有短暫的白屏。

2.偽造刷新

通過路由跳轉(zhuǎn)的方法刷新，具體思路是點擊按鈕跳轉(zhuǎn)一個空白頁，然后再馬上跳回來

// index.vue 首頁
this.$router.replace('/empty')
// empty.vue 空白頁
created() {
  this.$router.replace('/')
}

3.使用provide / inject組合控制的顯示

vue官方說明中允許一個祖先組件通過設(shè)置provide/inject向其所有子孫后代注入一個依賴，不論組件層次有多深，并在起上下游關(guān)系成立的時間里始終生效。provide/inject 是解決組件之間的通信問題的利器，不受層級結(jié)構(gòu)的限制。

在項目中修改app.vue文件：

注入依賴：

export default {
 inject:['reload'], //注入依賴
 name: "CompanyConfigure",
 data() {
  return {... ...

調(diào)用：

this.reload();

關(guān)于使用vue.js怎么怎么對當前頁面進行刷新就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

網(wǎng)站題目：使用vue.js怎么對當前頁面進行刷新-創(chuàng)新互聯(lián)
URL地址：http://weahome.cn/article/gogje.html