本文介绍在Vue中如何从表格列表页(table.vue)跳转到编辑页面(bianji.vue)，并传递两个参数。通过使用`params`和`query`两种方式实现页面间的参数传递，同时说明了它们的区别：`query`方式会在浏览器地址栏显示参数，而`params`方式不会。在接收参数的页面中，可以通过`this.$route.params`或`this.$route.query`获取传递的值。此外，使用`params`时需在路由配置中设置页面名称。
table.vue(表格列表页——点击修改)
bianji.vue(编辑页面——form表单，得到table里给传过来的值)
table.vue 要传参的页面：
如下：在methods：{ 写修改的方法}
两种方法传参，
第一种传参 name 与 结合使用params ，第二种传参 path 与 query结合使用 ，区别：query更加类似于我们ajax中get传参，params则类似于post，说的再简单一点，前者在浏览器地址栏中显示参数，后者则不显示
1、this.$router.push({name:'路由命名',params:{参数名:参数值,参数名:参数值}})
2、this.$router.push({path:'路由命名', query:{ 参数名:参数值 } })
接收参数的页面 bianji.vue
1、this.$route.params.参数名
2、this.$route.query.参数名
直接用class名字也可以，如：
用params与name传参时需要配置路由 页面配置 index.js
配置name
取消按钮返回到列表页
758
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
