执行点击按钮跳转页面之前还会执行一系列方法，这时可以使用 this.$router.push(location) 来修改 url，完成跳转。

按钮（点击跳转倒该项的对应列表页）

<el-table-column header-align="center" align="center" label="操作">
     <template scope="scope">
          <el-button @click="stationBtn(scope.row.id)"
                  type="text"
                  size="small"
                  style="padding:0">岗位列表</el-button>
          <el-button @click="toRecord(scope.row.id)"
                  type="text"
                  size="small"
                  style="padding:0">开通记录</el-button>
      </template>
</el-table-column>

点击事件

// 点击跳转到岗位列表
stationBtn(id) {
    this.$router.push({
          path: "../Firmmanage/Station",
          query: { id: id },
    });
},

//点击跳转到开通记录列表页
toRecord(id) {
    this.$router.push({
          path: "./companyOpeningRecord",
          query: { id: id },
    });
},

目标页面（在目标页面通过this.$route.query获取参数）

 //线下橱窗开通记录接口
        advertising() {
            console.log(this.$route.query.id);
            this.$request
                .offilnewindowRecords({
                    companyId: this.$route.query.id,
                    page: this.currentPage,
                    size: this.pagesize,
                })
                .then((res) => {
                    console.log("接口返回数据");
                    console.log(res);
                    if (res.code === 200) {
                        this.showData = res.data.companyOfflineShowOrderLogList;
                        this.amount = res.data.count;
                    }
                })
                .catch(() => {});
        },

详解;

push()里边可以是字符串，也可以是参数（参数需要用花括号括起来）

写了一半发现一篇全面的，嘻嘻嘻嘻，偷个懒

链接：https://blog.csdn.net/yang295242361/article/details/104822652