新聞中心
這篇文章給大家分享的是有關(guān)如何解決vue路由變化頁面數(shù)據(jù)不刷新的問題的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)建站是專業(yè)的大連網(wǎng)站建設(shè)公司,大連接單;提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計、成都外貿(mào)網(wǎng)站建設(shè),網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行大連網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊,希望更多企業(yè)前來合作!
每天記錄一點點,把我遇到的問題記錄下來, 希望可以幫助到更多和我遇到同樣問題的人。
問題描述:通過調(diào)接口,動態(tài)顯示幫助頁面的問題列表, 問題列表有多級,當(dāng)點擊的這個問題沒有下一級問題的時候跳入內(nèi)容頁。
問題出在,我在電腦上做移動端頁面的時候,相繼跳到詳情頁,我想返回,點擊
按鈕,直接跳轉(zhuǎn)到了如上第一張圖的樣子,no,no,no,這不是我想要的結(jié)果,此刻,想到了通過改變url來改變頁面的層級問題。
一級的parent為0,默認(rèn)不顯示或顯示。
二級的parent為1,點擊一級路由變?yōu)槿鐖D:
點擊進(jìn)入下一級頁面的時候,數(shù)據(jù)會刷新,但是點擊電腦后退時,url最后的parent變?yōu)?了,頁面還顯示2的數(shù)據(jù),
解決辦法如下:
created () { console.log(this.getStatus(this.$route.path)) }, watch: { '$route' (to, from) { console.log(this.getStatus(this.$route.path)) } }, methods: { getStatus (urlStr) { var urlStrArr = urlStr.split('/') return urlStrArr[urlStrArr.length - 1] } },
感謝各位的閱讀!關(guān)于“如何解決vue路由變化頁面數(shù)據(jù)不刷新的問題”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
當(dāng)前標(biāo)題:如何解決vue路由變化頁面數(shù)據(jù)不刷新的問題
當(dāng)前URL:http://www.ef60e0e.cn/article/pogjpj.html