javascript - 访问 b-table 槽中的父组件范围

Question

我正在使用 v-slot在 <b-table>所以我可以创建一个链接。
链接的第一部分包含来自数据源的数据。但是，查询字符串有一个我需要包含在链接中的参数。如何获取包含查询字符串值的数据的范围，以便将查询字符串添加到我的 v-slot 中的链接中?
先感谢您，
马蒂

<template>
   <div>
      <h1>View Users</h1>
      Select a user to edit

      <b-table striped :items="users">
         <template v-slot:cell(id)="data">
            <a :href="'/#/admin/user?userId=' + data.value + '&companyId=' + ##HERE## ">{{ data.value }}</a>
         </template>
      </b-table>
   </div>
</template>

export default {
  data() {
    return {
      users: [],
      companyId: ""
    }
  },
  methods: {
    getUsers() {
      var self = this;
      self.$client.get('/api/Admin/GetUsers?companyId=' + this.$route.query.companyId).then(response => {
        self._data.users = response.data;
      });
    }
  },
  mounted() {
    this.companyId = this.$route.query.companyId
    this.getUsers();
  }
}

Answer 1

<a>是传递到 <b-table> 的父内容插槽，这意味着它可以访问父数据。所以你可以访问companyId就像没有 <b-table> 时一样:

<b-table striped :items="users">
   <template v-slot:cell(id)="data">
      <a :href="'/#/admin/user?userId=' + data.value + '&companyId=' + companyId">
      {{ data.value }}
      </a>
   </template>
</b-table>

对于路由链接，最好使用 <router-link>而不是 <a>标签:

<router-link :to="{
   path: '/admin/user',
   query: { userId: data.value, companyId: companyId }
}">
   {{ data.value }}
</router-link>