params形式
//定义路由
{ path: "/infoDetailed/:newsId", name: "InfoDetailed", component: () => import("@/views/info/InfoDetailed.vue") },
//a组件传参
handleEdit(index, row) {
this.$router.push({ name: "InfoDetailed", params: { newsId: row.id } });
},
//b组件接收参数
created() {
this.newsId =
this.$route.params.newsId;
}
query传参
http://192.168.1.100:8080/#/infoDetailed?newsId=230
{ path: "/infoDetailed", name: "InfoDetailed", component: () => import("@/views/info/InfoDetailed.vue") } handleEdit(index, row) { console.log(index, row); this.$router.push({ name: "InfoDetailed", query: { newsId: row.id } }); }, created() { this.newsId = this.$route.query.newsId }