18 vue 动态路由传参

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
  }

 

 

标签：传参,InfoDetailed,vue,name,18,newsId,query,row
来源： https://www.cnblogs.com/xiaoliziaaa/p/13198817.html