成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

vue 無(wú)痕刷新

AndroidTraveler / 2224人閱讀

摘要：最近遇到一個(gè)需求，需要刷新當(dāng)前頁(yè)面來(lái)更新數(shù)據(jù)，網(wǎng)上找了很多方法，在這里做個(gè)總結(jié)。這里主要記錄三種方法，分別是強(qiáng)制刷新偽造刷新無(wú)痕刷新。

最近遇到一個(gè)需求，需要刷新當(dāng)前頁(yè)面來(lái)更新數(shù)據(jù)，網(wǎng)上找了很多方法，在這里做個(gè)總結(jié)。

這里主要記錄三種方法，分別是：強(qiáng)制刷新、偽造刷新、無(wú)痕刷新。

強(qiáng)制刷新

window.location.reload()，原生 js 提供的方法；

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

這兩種方法都可以達(dá)到頁(yè)面刷新的目的，簡(jiǎn)單粗暴，但是用戶體驗(yàn)不好，相當(dāng)于按 F5 刷新頁(yè)面，頁(yè)面的重新載入，會(huì)有短暫的白屏。

偽造刷新

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

// index.vue 首頁(yè)
this.$router.replace("/empty")

// empty.vue 空白頁(yè)
created() {
    this.$router.replace("/")
}

當(dāng)點(diǎn)擊刷新按鈕時(shí)地址欄會(huì)有快速的地址切換過(guò)程

無(wú)痕刷新

先在全局組件注冊(cè)一個(gè)方法，用該方法控制 router-view 的顯示與否，然后在子組件調(diào)用；

用 v-if 控制 的顯示；

provide：全局注冊(cè)方法；

inject：子組件引用 provide 注冊(cè)的方法；

App.vue：

當(dāng)前組件：

當(dāng)點(diǎn)擊按鈕時(shí)所有頁(yè)面重新渲染，體驗(yàn)最好

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/108609.html

相關(guān)文章

  • 基于vue + nuxt 打造 o2o教育商城系統(tǒng)（觸屏版） 服務(wù)端渲染SSR

    摘要：反向代理無(wú)痕埋點(diǎn)前言本項(xiàng)目純屬個(gè)人練習(xí)項(xiàng)目，數(shù)據(jù)并非真實(shí)，如有雷同，純屬巧合。 Node.js(v6.9.1) + express(4.X) + vue(2.0) + vuex + mysql(5.7.18) + （NUXT）SSR + nginx反向代理 + 無(wú)痕埋點(diǎn) 前言 https://github.com/github1586...*本項(xiàng)目純屬個(gè)人練習(xí)項(xiàng)目，數(shù)據(jù)并非真實(shí)，如有雷...

    Betta 評(píng)論0 收藏0

  • 基于vue + nuxt 打造 o2o教育商城系統(tǒng)（觸屏版） 服務(wù)端渲染SSR

    摘要：反向代理無(wú)痕埋點(diǎn)前言本項(xiàng)目純屬個(gè)人練習(xí)項(xiàng)目，數(shù)據(jù)并非真實(shí)，如有雷同，純屬巧合。 Node.js(v6.9.1) + express(4.X) + vue(2.0) + vuex + mysql(5.7.18) + （NUXT）SSR + nginx反向代理 + 無(wú)痕埋點(diǎn) 前言 https://github.com/github1586...*本項(xiàng)目純屬個(gè)人練習(xí)項(xiàng)目，數(shù)據(jù)并非真實(shí)，如有雷...

    wangdai 評(píng)論0 收藏0

  • 無(wú)痕埋點(diǎn)之XPath

    摘要：在這里我們是用來(lái)標(biāo)識(shí)頁(yè)面元素控件的唯一性至于什么是，可以自行。有它算出的功能打開一個(gè)網(wǎng)頁(yè)，，在彈出的小窗口中選中一個(gè)標(biāo)簽，右鍵，看到了吧點(diǎn)下然后粘貼下就知道這元素的標(biāo)簽的多少了瀏覽器中通過(guò)獲取和根據(jù)獲取元素 在這里我們是用XPath來(lái)標(biāo)識(shí)頁(yè)面元素、控件的唯一性 XPath 至于什么是XPath，可以自行g(shù)oogle。chrome有它算出XPath的功能！打開一個(gè)網(wǎng)頁(yè)，F(xiàn)12，在彈出的小...

    mingzhong 評(píng)論0 收藏0

  • JavaScript學(xué)習(xí)篇--本地存儲(chǔ)

    摘要：本地存儲(chǔ)的方案?jìng)鹘y(tǒng)把信息存儲(chǔ)到客戶端的瀏覽器中但是項(xiàng)目服務(wù)器端也是可以獲取的把信息存儲(chǔ)到服務(wù)器上的服務(wù)器存儲(chǔ)永久存儲(chǔ)在客服端的本地。 在客戶端運(yùn)行的js是不能操作用戶電腦磁盤中的文件的（這是為了保護(hù)客戶端運(yùn)行的安全）。 1、js中的本地存儲(chǔ)： 使用js向?yàn)g覽器的某一個(gè)位置中存儲(chǔ)一些內(nèi)容，瀏覽器即使關(guān)閉了，存儲(chǔ)的信息也不會(huì)銷毀，當(dāng)在重新打開瀏覽器的時(shí)候我們依然可以獲取到上一次存儲(chǔ)的信息。...

    hss01248 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<