大家好，欢迎来到IT知识分享网。大家好，欢迎来到IT知识分享网。大家好，欢迎来到IT知识分享网。大家好，欢迎来到IT知识分享网。大家好，欢迎来到IT知识分享网。大家好，欢迎来到IT知识分享网。大家好，欢迎来到IT知识分享网。大家好，欢迎来到IT知识分享网。大家好，欢迎来到IT知识分享网。
页面之间的跳转传参，正常前端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://yundeesoft.com/14321.html
