對vue2.0中.vue文件頁面跳轉(zhuǎn)之.$router.push的用法詳解
更新時間：2018年08月24日 15:53:30 作者：偵探小禾子
今天小編就為大家分享一篇對vue2.0中.vue文件頁面跳轉(zhuǎn)之.$router.push的用法詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
vue2.0在使用的過程中， .vue文件之間的跳轉(zhuǎn)，在template中的常見寫法是：
<router-link to="/miniCard/statement/horizon"> <button class="btn btn-default colorDe">繼續(xù)</button> </router-link>
但是有時的需求是頁面不直接跳轉(zhuǎn)，有確認(rè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');
以上這篇對vue2.0中.vue文件頁面跳轉(zhuǎn)之.$router.push的用法詳解就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- vue之this.$router.push頁面刷新問題
- vue?跳轉(zhuǎn)頁面$router.resolve和$router.push案例詳解
- vue中的this.$router.push()路由傳值方式
- Vue中$router.push()路由切換及如何傳參和獲取參數(shù)
- vue中this.$router.push()路由傳值和獲取的兩種常見方法匯總
- vue如何通過$router.push傳參數(shù)
- Vue this.$router.push(參數(shù))實現(xiàn)頁面跳轉(zhuǎn)操作
- vue兩組件間值傳遞 $router.push實現(xiàn)方法
- Vue $router.push打開新窗口的實現(xiàn)方法
相關(guān)文章
Vue異步更新DOM及$nextTick執(zhí)行機(jī)制解讀
這篇文章主要介紹了Vue異步更新DOM及$nextTick執(zhí)行機(jī)制解讀，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
Vue+Flask實現(xiàn)簡單的登錄驗證跳轉(zhuǎn)的示例代碼
本篇文章主要介紹了Vue+Flask實現(xiàn)簡單的登錄驗證跳轉(zhuǎn)的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
Vue中el-menu-item實現(xiàn)路由跳轉(zhuǎn)的完整步驟
這篇文章主要給大家介紹了關(guān)于Vue中el-menu-item實現(xiàn)路由跳轉(zhuǎn)的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2022-09-09
今天小編就為大家分享一篇Vue 路由切換時頁面內(nèi)容沒有重新加載的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了vue3.2中的vuex使用詳解,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
這篇文章主要介紹了vue.js層疊輪播效果，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下2018-11-11
這篇文章主要為大家詳細(xì)介紹了Vue日期時間選擇器組件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要介紹了Vue CLI 2.x搭建vue(目錄最全分析),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-02-02
Vue2與Vue3如何利用install自定義全局確認(rèn)框組件編寫
這篇文章主要介紹了Vue2與Vue3如何利用install自定義全局確認(rèn)框組件編寫方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
詳解vue-cli項目中的proxyTable跨域問題小結(jié)
這篇文章主要介紹了詳解vue-cli項目中的proxyTable跨域問題小結(jié)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02