传参的两种方式
一、params
由于动态路由也是传递params的，所以在this.$router.push()方法中path不能和params一起使用，否则params将无效。需要用name来指定页面，也就是说除了用path属性跳转页面我们还可以通过路由配置的name属性跳转页面
路由：
跳转页面方式：
如上图中两种方式都可以跳转到指定页面
通过name获取页面，传递params
在目标页面通过this.$route.params.id获取参数
二、query
跳转方式为this.$router.push({path:'/AddShop',query:{id:val.ID})
在目标页面通过this.$route.query.id获取参数
记录以供加深印象。
传参的两种方式 一、params 由于动态路由也是传递params的，所以在this.$router.push()...
传参的两种方式 一、params 由于动态路由也是传递params的，所以在this.$router.push()...
当vue单页面需要替换参数并刷新页面时，这个时候使用this.$router.push或this.$router....
vue以前获取参数用this.$route获取 引入import {useRouter } from 'vue-r...
跳转到home.vue页面:this.$router.push({name:'Home'}) 或者this.$ro...
方案一：直接调用$router.push 实现携带参数的跳转 this.$router.push({ pa...
this.$router是Vue-Router的实例，需要导航到不同路由则用this.$router.push方法...
方式一： 路由路径：/detail/:参数名 this.$router.push({path: '/detail/...
vue中的route可以从Url中获取参数，比如：this.$route.query.id但是这只是在route有...
编程式路由跳转： this.$router.push() 1、不带参数跳转 a页： 2.带参数跳转 a页携带参数：...
本文标题：Vue中this.$router.push参数获取
本文链接：https://www.haomeiwen.com/subject/wpyyuftx.html
网友评论