页面之间的跳转传参，正常前端js里写 window.location.href=”xxxxx?id=1″ 就可以了；
但是vue不一样 需要操作的是路由history，需要用到 VueRouter,
示例：
常用的场景是：列表页点击“查看”按钮，跳转到详情页。
在列表页(list.vue)按钮点击事件里写上
detail(row) {
this.$router.push({ path: “detail”, query: { id: row.id } });
},
在详情页(detail.vue)里写上
let id = Number(this.$route.query.id);
即可获取到参数id了。
解析
先看看
route是什么,在vscode f12后
看到
declare module “vue/types/vue” {
interface Vue {
$router: VueRouter;
$route: Route;
}
}
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。
VueRouter官网 传送门
route是一个跳转的路由对象，每一个路由都会有一个route对象，是一个局部的对象，可以获取对应的name,path,params,query等
image
其中
params
{}对象，包含路由中的动态片段和全匹配片段的键值对 用来实现 /order.detail/1
query
{}对象，包含路由中查询参数的键值对。 用来实现 /order/detail?id=1
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/211231.html原文链接：https://javaforall.net
