如何通过路由传值，params和query又有什么区别？
正文
vue跨路由传值有两种方式：params和query
第一种,name params
传值页js代码
//把项目id存进路由 vm.$router.push({ name: "MyJionDetail", params: { id: vm.proid,//冒号前面的变量可以自己定义 twoproname: vm.twoproname, proname: vm.twoValue } });
接收传值页js代码
vm.proid = vm.$route.params.id; vm.twoproname = vm.$route.params.twoproname; vm.proname = vm.$route.params.proname;
第二种,path,query
传值页js代码
//把项目id存进路由 vm.$router.push({ path: "MyJionDetail", query: { id: vm.proid,//冒号前面的变量可以自己定义 twoproname: vm.twoproname, proname: vm.twoValue } });
接收传值页js代码
vm.proid = vm.$route.query.id; vm.twoproname = vm.$route.query.twoproname; vm.proname = vm.$route.query.proname;
两者的区别
1.params类似于post，query更加类似于我们ajax中get传参，params在地址栏不显示参数。
2.params传值一刷新就没了，query传值刷新还存在。
3.query只能对应path，params只能对应name，否则传值就会失败
