Vue中this.$router.push參數(shù)獲取方法

更新時間：2018年02月27日 16:16:45 作者：無雙孟堂

下面小編就為大家分享一篇Vue中this.$router.push參數(shù)獲取方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

傳遞參數(shù)的方法：

1.Params

由于動態(tài)路由也是傳遞params的，所以在 this.$router.push() 方法中path不能和params一起使用，否則params將無效。需要用name來指定頁面。

及通過路由配置的name屬性訪問

在路由配置文件中定義參數(shù)：

通過name獲取頁面，傳遞params：

在目標頁面通過this.$route.params獲取參數(shù)：

2.Query

頁面通過path和query傳遞參數(shù)，該實例中row為某行表格數(shù)據(jù)

在目標頁面通過this.$route.query獲取參數(shù)：

this.$route.query.row.xxx

以上這篇Vue中this.$router.push參數(shù)獲取方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

vue插件tab選項卡使用小結(jié)
這篇文章主要為大家詳細介紹了vue插件tab選項卡的使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-10-10
vue?模板循環(huán)繪制多行上傳文件功能實現(xiàn)
這篇文章主要為大家介紹了vue?模板循環(huán)繪制多行上傳文件功能實現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-07-07
為vue-router懶加載時下載js的過程中添加loading提示避免無響應問題
這篇文章主要介紹了為vue-router懶加載時下載js的過程中添加loading提示避免無響應問題,需要的朋友可以參考下
2018-04-04
vue可拖拽的瀑布流布局組件實現(xiàn)詳解
這篇文章主要為大家介紹了vue的可拖拽的瀑布流布局組件有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-06-06
Vue開發(fā)項目中如何使用Font Awesome 5
Font Awesome是一套流行的圖標字體庫,我們在實際開發(fā)的過程中會經(jīng)常遇到需要使用圖標的場景,對于一些常用的圖標,我們可以直接在Font Awesome中找到并且使用,這篇文章主要給大家介紹了關(guān)于Vue開發(fā)項目中如何使用Font Awesome5的相關(guān)資料,需要的朋友可以參考下
2021-11-11
Vue 短信驗證碼組件開發(fā)詳解
Vue.js（讀音 /vjuː/, 類似于 view）是一個構(gòu)建數(shù)據(jù)驅(qū)動的 web 界面的庫。這篇文章主要介紹了Vue 短信驗證碼組件開發(fā)詳解,需要的朋友可以參考下
2017-02-02
vue項目中api接口管理總結(jié)
本篇文章給大家介紹了vue項目中API接口管理的相關(guān)知識點，以及相關(guān)JS代碼分析，有興趣的朋友參考下。
2018-04-04
vue 1.x 交互實現(xiàn)仿百度下拉列表示例
本篇文章主要介紹了vue 1.x 交互實現(xiàn)仿百度下拉列表示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-10-10
Vue3實現(xiàn)批量異步更新
這篇文章主要為大家詳細介紹了Vue3批量異步更新是如何實現(xiàn)的，文中的示例代碼簡潔易懂，具有一定的借鑒價值，感興趣的小伙伴可以跟隨小編一起學習一下
2023-08-08
element el-input directive數(shù)字進行控制
本文介紹了vue使用directive 進行控制的方法，使用element開發(fā)的過程中遇到循環(huán)的數(shù)據(jù)只能輸入數(shù)字，并且有不要小數(shù)點，有需要小數(shù)點的，就有一定的參考價值，有興趣的可以了解一下
2018-10-10