国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Vue 項(xiàng)目功能實(shí)現(xiàn)：刷新當(dāng)前頁(yè)面

sorra / 3693人閱讀

摘要：前言前些日子項(xiàng)目中突然接到了一個(gè)需求，要求點(diǎn)擊當(dāng)前路由刷新頁(yè)面，進(jìn)過實(shí)驗(yàn)有如下幾種方案可實(shí)現(xiàn)需求，并簡(jiǎn)述不同。此方式是利用了中前進(jìn)和后退的功能，傳入刷新當(dāng)前頁(yè)面。先把移除，移除后再重新添加，達(dá)到刷新當(dāng)前頁(yè)面的功能。是目前最合適的實(shí)現(xiàn)方式。

前言

前些日子項(xiàng)目中突然接到了一個(gè)需求，要求點(diǎn)擊當(dāng)前路由刷新頁(yè)面，進(jìn)過實(shí)驗(yàn)有如下幾種方案可實(shí)現(xiàn)需求，并簡(jiǎn)述不同。

1. this.$router.go(0)

此方式是利用了 history 中前進(jìn)和后退的功能，傳入 0 刷新當(dāng)前頁(yè)面。
缺點(diǎn)：頁(yè)面整個(gè)刷新，會(huì)白屏。

2. location.reload()

直接使用刷新當(dāng)前頁(yè)面的方法。
缺點(diǎn)：同 this.$router.go(0) 一樣，會(huì)白屏。

3. 給 router-view 標(biāo)簽添加 v-if

通過 $nextTick()，協(xié)助實(shí)現(xiàn)。先把 移除，移除后再重新添加，達(dá)到刷新當(dāng)前頁(yè)面的功能。是目前最合適的實(shí)現(xiàn)方式。


頁(yè)面

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

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

相關(guān)文章

  • Vue全家桶商城全站升級(jí)之引入HTTPS,PWA,錯(cuò)誤監(jiān)控,持續(xù)構(gòu)建。

    摘要：免費(fèi)升級(jí)到升級(jí)到后，服務(wù)器可以開啟版本，對(duì)比性能和緩存各方面要更好，還有其他新特性，可以啟動(dòng)功能，更好的進(jìn)行離線緩存，更好的離線體驗(yàn)。 showImg(https://segmentfault.com/img/remote/1460000012773891?w=370&h=661); 在線地址:https://fancy.czero.cn 手機(jī)掃描二維碼查看: showImg(http...

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

  • Webpack 熱更新機(jī)制

    摘要：聯(lián)想到我在微信小程序上的開發(fā)體驗(yàn)，真心覺得如果有熱更新機(jī)制的話，開發(fā)效率要高很多。熱更新示例下面通過例子來(lái)進(jìn)一步解釋熱更新機(jī)制。 想必作為前端大佬的你，工作中應(yīng)該用過 webpack，并且對(duì)熱更新的特性也有了解。如果沒有，當(dāng)然也沒關(guān)系。 下面我要講的，是我對(duì) Webpack 熱更新機(jī)制的一些認(rèn)識(shí)和理解，不足之處，歡迎指正。 首先： 熱更新是啥？ 熱更新，是指 Hot Module Re...

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

  • Vue 實(shí)現(xiàn)網(wǎng)易云音樂 WebApp

    摘要：基于等開發(fā)一款移動(dòng)端音樂，界面參考了安卓版的網(wǎng)易云音樂布局適配常見移動(dòng)端。圖標(biāo)使用阿里巴巴圖標(biāo)庫(kù)，中間的唱片旋轉(zhuǎn)動(dòng)畫使用了實(shí)現(xiàn)。搜索功能實(shí)現(xiàn)功能搜索歌手歌單歌曲熱門搜索數(shù)據(jù)節(jié)流上拉刷新保存搜索記錄。 基于 Vue(2.5) + vuex + vue-router + vue-axios +better-scroll + Scss + ES6 等開發(fā)一款移動(dòng)端音樂 WebApp，UI ...

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

  • 原生 js 實(shí)現(xiàn)一個(gè)前端路由 router

    摘要：實(shí)現(xiàn)原理現(xiàn)在前端的路由實(shí)現(xiàn)一般有兩種，一種是路由，另外一種是路由。現(xiàn)在的前端主流框架的路由實(shí)現(xiàn)方式都會(huì)采用路由，本項(xiàng)目采用的也是。當(dāng)值發(fā)生改變的時(shí)候，我們可以通過事件監(jiān)聽到，從而在回調(diào)函數(shù)里面觸發(fā)某些方法。 效果圖： showImg(https://segmentfault.com/img/remote/1460000018058419?w=422&h=744); 項(xiàng)目地址：https...

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

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

0條評(píng)論

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