params路由传参出现undefined的解决办法 router.js: 关键要写name{ name: 'search', path: '/search', component: Search }, 发送参数的组件中:(query传参时用 path 定位,而这里用 name)this.$router.push({ name: 'search', params: { queryString: this.gQueryString } }) ...
<router-link :to="{ name:'xiangqing', //这里必须写name属性,个人认为可能params参数的路径是动态不确定的,所以用不了path属性 params:{ id:item.id, title:item.title } }"> {{ item.title }} </router-link> ✨如何接收参数?✨ 消息编号:{{ $route.params.id }} 消息标题:{{ ...
var router = new VueRouter({ mode: "history" }) var header = new Vue({ el: '#header', created: function(){ console.log('id::'+this.$route.params.article_id) }, router: router, }) 可以跳转到目标页面,控制台也没有报错,但是打印结果为 undefined 。
this.$router.push({ path: '/user', // 使用 path 时,会自动忽略 params 属性 params: { id: 2 } }); // 此时浏览器路径为:/user console.log(this.$route.query) // {} console.log(this.$route.params) // {id: undefined} this.$router.push({ name: 'user', // 使用 name 可以同时...
console.log('id::'+this.$route.params.article_id) }, router: router, }) 可以跳转到目标页面,控制台也没有报错,但是打印结果为 undefined 。 使用query 传参可以正常获得参数。 检查了很长时间没发现哪里出错,拜托大家帮忙看一下。 上面的代码都是直接在 js 文件里写的,没有用模块化。
传参可以使用params和query两种方式。 使用params传参只能用name来引入路由,即push里面只能是name:’xxxx’,不能是path:’/xxx’,因为params只能用name来引入路由,如果这里写成了path,接收参数页面会是undefined!!!。 使用query传参使用path来引入路由。
vue学习系列,vue router中对传参的理解 3.总结 (1)传参可以使用params和query两种方式。 (2)使用params传参只能用name来引入路由,即push里面只能是name:’xxxx’,不能是path:’/xxx’,因为params只能用name来引入路由,如果这里写成了path,接收参数页面会是undefined!!!。 (3)使用query传参使用path来引入路由。
检查是否存在拼写错误或导入错误导致this.$router为undefined: 确保你没有在代码中误拼写$router为其他形式,并且所有相关的导入都是正确的。 考虑可能是版本兼容性问题: 如果你的vue和vue-router版本不匹配,也可能会导致问题。确保你使用的vue-router版本与vue版本兼容。你可以查阅Vue Router的官方文档或GitHub仓库来...
<router-link :to="{path:'/my',query: {id: myId,name: myName}}">个人中心</router-link> <!-- path: '/' , query: 获取参数使用 $route.query.--> 总结:param传参与query传参不同 1.params传参时只能用name来指定路由的跳转,若用path:'/my',params 会被忽略,获取到的参数为undefined ...
//传参 this.$router.push({ name:'home', params: { time: this.time } }) //接收参数 this.$route.params.time 注意:params传参,push里面只能是 name:'xxxx',不能是path:'/xxx', 因为params只能用name来引入路由,如果这里写成了path,接收参数页面会是undefined!!!编辑...