Vue中this.$router.push參數(shù)獲取方法
更新時(shí)間：2018年02月27日 16:16:45 作者：無雙孟堂
下面小編就為大家分享一篇Vue中this.$router.push參數(shù)獲取方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
傳遞參數(shù)的方法：
1.Params
由于動(dòng)態(tài)路由也是傳遞params的，所以在 this.$router.push() 方法中path不能和params一起使用，否則params將無效。需要用name來指定頁面。
及通過路由配置的name屬性訪問
在路由配置文件中定義參數(shù)：
通過name獲取頁面，傳遞params：
在目標(biāo)頁面通過this.$route.params獲取參數(shù)：
2.Query
頁面通過path和query傳遞參數(shù)，該實(shí)例中row為某行表格數(shù)據(jù)
在目標(biāo)頁面通過this.$route.query獲取參數(shù)：
this.$route.query.row.xxx
以上這篇Vue中this.$router.push參數(shù)獲取方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- vue中的this.$router.push()路由傳值方式
- 關(guān)于Vue3路由push跳轉(zhuǎn)問題(解決Vue2this.$router.push失效）
- vue如何通過$router.push傳參數(shù)
- Vue this.$router.push(參數(shù))實(shí)現(xiàn)頁面跳轉(zhuǎn)操作
- vue.js this.$router.push獲取不到params參數(shù)問題
- 解決vue.js this.$router.push無效的問題
- 對vue2.0中.vue文件頁面跳轉(zhuǎn)之.$router.push的用法詳解
- vue?跳轉(zhuǎn)頁面$router.resolve和$router.push案例詳解
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了vue插件tab選項(xiàng)卡的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
vue?模板循環(huán)繪制多行上傳文件功能實(shí)現(xiàn)
這篇文章主要為大家介紹了vue?模板循環(huán)繪制多行上傳文件功能實(shí)現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
為vue-router懶加載時(shí)下載js的過程中添加loading提示避免無響應(yīng)問題
這篇文章主要介紹了為vue-router懶加載時(shí)下載js的過程中添加loading提示避免無響應(yīng)問題,需要的朋友可以參考下2018-04-04
這篇文章主要為大家介紹了vue的可拖拽的瀑布流布局組件有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
Vue開發(fā)項(xiàng)目中如何使用Font Awesome 5
Font Awesome是一套流行的圖標(biāo)字體庫,我們在實(shí)際開發(fā)的過程中會經(jīng)常遇到需要使用圖標(biāo)的場景,對于一些常用的圖標(biāo),我們可以直接在Font Awesome中找到并且使用,這篇文章主要給大家介紹了關(guān)于Vue開發(fā)項(xiàng)目中如何使用Font Awesome5的相關(guān)資料,需要的朋友可以參考下2021-11-11
Vue.js（讀音 /vjuː/, 類似于 view）是一個(gè)構(gòu)建數(shù)據(jù)驅(qū)動(dòng)的 web 界面的庫。這篇文章主要介紹了Vue 短信驗(yàn)證碼組件開發(fā)詳解,需要的朋友可以參考下2017-02-02
本篇文章給大家介紹了vue項(xiàng)目中API接口管理的相關(guān)知識點(diǎn)，以及相關(guān)JS代碼分析，有興趣的朋友參考下。2018-04-04
vue 1.x 交互實(shí)現(xiàn)仿百度下拉列表示例
本篇文章主要介紹了vue 1.x 交互實(shí)現(xiàn)仿百度下拉列表示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10
這篇文章主要為大家詳細(xì)介紹了Vue3批量異步更新是如何實(shí)現(xiàn)的，文中的示例代碼簡潔易懂，具有一定的借鑒價(jià)值，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-08-08
element el-input directive數(shù)字進(jìn)行控制
本文介紹了vue使用directive 進(jìn)行控制的方法，使用element開發(fā)的過程中遇到循環(huán)的數(shù)據(jù)只能輸入數(shù)字，并且有不要小數(shù)點(diǎn)，有需要小數(shù)點(diǎn)的，就有一定的參考價(jià)值，有興趣的可以了解一下2018-10-10