vue 路由传值

最新推荐文章于 2024-08-22 16:13:54 发布

小吴前端

最新推荐文章于 2024-08-22 16:13:54 发布

阅读量130

点赞数 1

分类专栏：笔记

本文链接：https://blog.csdn.net/qq_48228724/article/details/114878358

版权

笔记专栏收录该内容

14 篇文章 0 订阅

订阅专栏

vue 路由传值传对应的id

传值

<template slot-scope="scope">
 <el-button type="primary" size="mini" class="m-l-20 chakan">
 	<nuxt-link :to="{name:'user-balance-recharge-info-id',params:{id:scope.row.id}}" >查看
 	</nuxt-link>
 </el-button>
</template>

接受值

//接受值
 data() {
      return {
        query:{},
        info:{},
        id:0
      }
  },
  created() {
      this.id = this.$route.params.id
      this.getInfo()
  },

数据请求

getList() {
      this.$axios
        .get(`user/balance/recharge`, { params: this.query })
        .then((res) => {
            this.tableData = res.data;
            this.total = res.total;
        });
    },