vue项目的路由传参常用的有两种方式:query和params
1.query传参
特点:
1.1可以用path也可以用name传递路径 注意name是路由页面vue文件的名称 不需要/
1.2跳转页面地址栏可以看到路径和参数 通过 this.$route.query.id 可以获取到参数
1.3刷新不会丢失参数
this.$router.push({ path: '/A', query: { id: 1 }})
this.$router.push({ name: 'A', query: { id: 1 }}) // 路径不需要 /
2.params传参
特点:
2.1只能使用name传递路径 (name是跳转页面的vue文件name名称)
2.2跳转页面地址栏看不到参数 第一次通过 this.$route.params.id 可以获取到参数
2.3刷新会丢失参数 不能再获取到参数
this.$router.push({ name: 'A', params: { id: 1 }})