动态路由传参id

最新推荐文章于 2023-06-05 12:29:31 发布

软软不吃肉

最新推荐文章于 2023-06-05 12:29:31 发布

阅读量413

点赞数

文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/Giraffe0615/article/details/125485157

版权

router.js：

{
      path: '/editHammer/:id',
      name: 'editHammer',
      meta: {
        title: '打桩锤信息修改',
        path:'/editHammer',
      },
      component: () => import('@/views/hammer/editHammer.vue'),
    },

父页面：

//编辑
    edit(row) {
      this.$router.push(`/editHammer/${row.id}`);//({ path: "/editHammer", params: { id: row.id } })
    },

子页面：

// 打桩锤详情
    getDetailHammer(){
      DetailHammer(this.$route.params.id).then((res) =>{
        console.log("详情",res)
        this.basicInfo = res.data.data
        console.log("详情id",res.data.data.id)
        this.basicInfo.num = res.data.data.id;
        this.basicInfo.buildStatus = res.data.data.buildStatus == "0" ? "未交付" : "已交付"
        this.basicInfo.enable = res.data.data.enable == "0" ? "未投入" : "已投入"
      })
    },