iframe嵌套Vue通过路径传参取参 query 和 params的区别？

原创于 2019-10-30 18:37:48 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

VUE 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了在Vue项目中如何通过路由进行参数传递，包括使用query和params两种方式的区别及应用场景。query方法适用于path，而params则对应name，两者均可用于从父组件向子组件传递数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

从iframe里嵌套的vue页面用原生JS 无法获取路径的传值。

使用 this.$router.query.keyname获取url里带的值，keyname为路径里这是的属性名称。

传参1
this.$router.push({
   path:'/home/index',query:{nameID:'xxx'}
})
取参1
this.$router.query.nameID

传参2
tis.$router.push({
   name:'HomeIndex', params:{nameID:'XXX'}
})
取参2
this.$router.params.nameID

区别：使用query方法，对应的是path

使用param方法，对应的是 name

path和 name 都是之前在router里定义好的。