怎么在vue2.0中使用.$router.push實現(xiàn)頁面跳轉(zhuǎn)

怎么在vue2.0中使用.$router.push實現(xiàn)頁面跳轉(zhuǎn)？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

10年積累的成都網(wǎng)站建設(shè)、網(wǎng)站制作經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有廣陵免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

vue2.0在使用的過程中， .vue文件之間的跳轉(zhuǎn)，在template中的常見寫法是：

<router-link to="/miniCard/statement/horizon">
  <button class="btn btn-default colorDe">繼續(xù)</button>
</router-link>

但是有時的需求是頁面不直接跳轉(zhuǎn)，有確認彈框或者其他事件，此時就需要在js中設(shè)置跳轉(zhuǎn)，常用的一種方法是 .$router.push ，用法如下：

this.$router.push({path: '/...'});

希望本文對您有所幫助！

拓展知識：解決this.$router.push無法在新窗口打開的問題

如下所示：

let routeData = this.$router.resolve({ path: '/reportpreview', query: { id: id } });
 window.open(routeData.href, '_blank');

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)的支持。

分享名稱：怎么在vue2.0中使用.$router.push實現(xiàn)頁面跳轉(zhuǎn)
本文鏈接：http://muchs.cn/article10/jpecdo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、微信公眾號、做網(wǎng)站、網(wǎng)站改版、網(wǎng)站導(dǎo)航、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)