vue-router2.0跳轉(zhuǎn)之router.push()的使用方法-創(chuàng)新互聯(lián)

這篇文章主要介紹vue-router2.0跳轉(zhuǎn)之router.push()的使用方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)公司專注于金東企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,成都商城網(wǎng)站開發(fā)。金東網(wǎng)站建設(shè)公司,為金東等地區(qū)提供建站服務(wù)。全流程按需定制網(wǎng)站，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)

router.push(location)

除了使用 創(chuàng)建 a 標(biāo)簽來定義導(dǎo)航鏈接，我們還可以借助 router 的實(shí)例方法，通過編寫代碼來實(shí)現(xiàn)。

router.push(location)

想要導(dǎo)航到不同的 URL，則使用 router.push 方法。這個(gè)方法會(huì)向 history 棧添加一個(gè)新的記錄，所以，當(dāng)用戶點(diǎn)擊瀏覽器后退按鈕時(shí)，則回到之前的 URL。

當(dāng)你點(diǎn)擊 <router-link> 時(shí)，這個(gè)方法會(huì)在內(nèi)部調(diào)用，所以說，點(diǎn)擊 等同于調(diào)用 router.push(…)。

聲明式：<router-link :to="...">

編程式：router.push(...)

該方法的參數(shù)可以是一個(gè)字符串路徑，或者一個(gè)描述地址的對(duì)象。

// 字符串
router.push('home')

// 對(duì)象
this.$router.push({path: '/login?url=' + this.$route.path});

// 命名的路由
router.push({ name: 'user', params: { userId: 123 }})

// 帶查詢參數(shù)，變成/backend/order?selected=2
this.$router.push({path: '/backend/order', query: {selected: "2"}});

// 設(shè)置查詢參數(shù)
this.$http.post('v1/user/select-stage', {stage: stage})
   .then(({data: {code, content}}) => {
      if (code === 0) {
        // 對(duì)象
        this.$router.push({path: '/home'});
      }else if(code === 10){
        // 帶查詢參數(shù)，變成/login?stage=stage
        this.$router.push({path: '/login', query:{stage: stage}});
      }
});

// 設(shè)計(jì)查詢參數(shù)對(duì)象
let queryData = {};
if (this.$route.query.stage) {
  queryData.stage = this.$route.query.stage;
}
if (this.$route.query.url) {
  queryData.url = this.$route.query.url;
}
this.$router.push({path: '/my/profile', query: queryData});

網(wǎng)頁題目：vue-router2.0跳轉(zhuǎn)之router.push()的使用方法-創(chuàng)新互聯(lián)
鏈接分享：http://muchs.cn/article28/dheejp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、外貿(mào)建站、品牌網(wǎng)站設(shè)計(jì)、移動(dòng)網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、域名注冊(cè)

廣告

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