Vue中this.$router.push参数获取方法
更新时间：2018年02月27日 16:16:45 作者：无双孟堂
下面小编就为大家分享一篇Vue中this.$router.push参数获取方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
传递参数的方法：
1.Params
由于动态路由也是传递params的，所以在 this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。
及通过路由配置的name属性访问
在路由配置文件中定义参数：
通过name获取页面，传递params：
在目标页面通过this.$route.params获取参数：
2.Query
页面通过path和query传递参数，该实例中row为某行表格数据
在目标页面通过this.$route.query获取参数：
this.$route.query.row.xxx
以上这篇Vue中this.$router.push参数获取方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
Vue与后台Api进行交互通常是利用vue-resource来实现的，本质上vue-resource是通过http来完成AJAX请求相应的。这篇文章主要介绍了Vue中的vue-resource示例详解,需要的朋友可以参考下2018-11-11
这篇文章主要介绍了Vue2.0 事件的广播与接收(观察者模式)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
本篇文章给大家总结了vue组件基础的相关知识点以及代码实例，有需要的朋友可以学习参考下。2018-05-05
浅谈vue项目优化之页面的按需加载(vue+webpack)
本篇文章主要介绍了vue项目优化之页面的按需加载(vue+webpack)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-12-12
这篇文章主要介绍了VUE插件vue-treeselect的使用及说明，具有很好的参考价值，希望对大家有所帮助。2023-07-07
Vuex unknown action type报错问题及解决
这篇文章主要介绍了Vuex unknown action type报错问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-02-02
这篇文章主要给大家详细介绍一下Vue3中的基本语法，文中的示例代码讲解详细，对我们学习Vue3有一定的帮助，感兴趣的小伙伴可以了解一下2022-11-11
这篇文章主要介绍了vue强制刷新组件的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-02-02
这篇文章主要为大家详细介绍了vue使用recorder.js实现录音功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
这篇文章主要给大家介绍了关于Vue中ref和$refs使用方法的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
最新评论