Question

我有一个与销售员字段绑定到数据库中的用户ID的客户列表，'如何在表中显示与其ID相对应的用户名？

<v-data-table :headers="headers" :items="arrayClientes">
  <template v-slot:item.user_id="{ item }" :items="userLists">
          <span>{{item.user_id}}</span>
  </template>

脚本：

computed: {  
      userLists() {
        return this.$store.state.user.users;
      },
    },
    created(){
        this.$store.dispatch('user/getUsers')
    },

Answer 1

您可以尝试创建一个方法，该方法可以过滤特定的用户ID并返回用户对象。

例如：

export default {
  methods: {
    getUser(id) {
      return this.userLists.filter((user) => user.id === id))[0];
    },
  },
};

之后，您只需在span标签中调用此方法，然后将用户ID指定为参数即可。

注意：这不会检查用户ID是否在用户列表中。

Answer 2

您可以尝试这种方式

getUser(id) {
     return this.userLists.filter(user => user.id === id).map(user => user.name)[0];
},

我希望它对您有用！

如何使用vuetify在vue中显示来自两个数据库表的数据

2 个答案: