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
  }