父组件点击其中一个项带参数(query或者params)跳转到详情页案例

父组件

  编号：
      <el-input
        v-model="pageParams.planCode"
        placeholder="请输入编号"
        style="width:200px"
      ></el-input>

 <el-button style="margin-right:10px" plain type="primary" @click="detailFun(row)"
            >查看详情</el-button
          >

 methods: {
    detailFun(item) {
      this.$router.push({
        path: '/emergencyPlan/planDetail',
        query: {
          planCode: item.planCode
        }
      })
    }
   }

点击进入其中一个子组件

 预案编号：
      <el-input v-model="plan.planCode" :disabled="true" style="width:200px"></el-input> 

 data() {
    return {
      plan: []
    }
  }

= this.$route.query.“