前言

成都創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括瑪沁網(wǎng)站建設(shè)、瑪沁網(wǎng)站制作、瑪沁網(wǎng)頁(yè)制作以及瑪沁網(wǎng)絡(luò)營(yíng)銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，瑪沁網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到瑪沁省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

開發(fā)項(xiàng)目的時(shí)候突然接到了這個(gè)需求，實(shí)驗(yàn)過后，解決方法也蠻多種，下面就講下常規(guī)的幾種方案

1.改變r(jià)outer-view中的key值

通過改變 router-view 中的 key 值，來達(dá)到刷新組件的目的

this.activeDate = new Date()

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

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

頁(yè)面1

3.新建空白頁(yè),也是種不錯(cuò)的方案

refresh.vue //新建頁(yè)面


demo.vue //然后在需要的頁(yè)面調(diào)用
this.$router.replace({
   path: '/refresh',
   query: {
     t: Date.now()
    }
})

4.query傳值 watch監(jiān)聽頁(yè)面$route變化然后更新

5.provide / inject 組合

6.取巧的辦法

定義ref,然后調(diào)用相對(duì)應(yīng)的方法，最好給每個(gè)頁(yè)面都提供相同的方法

this.$refs.chartView.refresh()

就解決了點(diǎn)擊當(dāng)前路由沒有刷新的問題

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。