您好,登錄后才能下訂單哦!
怎么在vue中根據(jù)進(jìn)入的路由實(shí)現(xiàn)原路返回?很多新手對(duì)此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來(lái)學(xué)習(xí)下,希望你能有所收獲。
情景:
a---------->c 點(diǎn)擊返回,希望返回到a
b---------->c 點(diǎn)擊返回,希望返回到b
解決方案:
a頁(yè)面,加from字段
PubSub.subscribe('table-view', function(msg, args) { var rowData = args[0], rowIndex = args[1]; //跳轉(zhuǎn)詳情頁(yè) this.$router.push({ name: 'viewAdvertiseDetails', query: { id: this.$route.query.id, adsenseCampaignId: rowData.id, from: 'viewAdvertise', }, }) }.bind(this));
b頁(yè)面,加from字段
PubSub.subscribe('table-view', function(msg, args) { var rowData = args[0], rowIndex = args[1]; this.$router.push({ name: 'viewAdvertiseDetails', query: { id: this.$route.query.id, adsenseCampaignId: rowData.id, from: 'setAdvertise', }, }) }.bind(this));
c頁(yè)面:
back: function() { if(this.$route.query.from==='viewAdvertise'){ this.$router.push({ name: 'viewAdvertise', query: { id: this.$route.query.id }, }) }else if(this.$route.query.from==='setAdvertise'){ this.$router.push({ name: 'setAdvertise', query: { id: this.$route.query.id }, }) } }
Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架,Vue與其它大型框架的區(qū)別是,使用Vue可以自底向上逐層應(yīng)用,其核心庫(kù)只關(guān)注視圖層,方便與第三方庫(kù)和項(xiàng)目整合,且使用Vue可以采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫(kù)開(kāi)發(fā)復(fù)雜的單頁(yè)應(yīng)用。
看完上述內(nèi)容是否對(duì)您有幫助呢?如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章,請(qǐng)關(guān)注億速云行業(yè)資訊頻道,感謝您對(duì)億速云的支持。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。