在 v-data-table 中使用 v-btn 'loading'答案

【问题标题】：use v-btn 'loading' inside v-data-table在 v-data-table 中使用 v-btn 'loading'
【发布时间】：2025-12-19 11:30:17
【问题描述】：

一种天真的、无用的尝试：

<v-btn class="btn-primary" @click="invite(props.item)" v-if="props.item.status 
== 'NEW'" :loading="'loading'+props.item.id" @click.native="loader = 
'loading'+props.item.id">
{{ $t("message.invite") }}
</v-btn>

这似乎失败了，因为 ":loading" 中的结果变成了一个字符串——它必须是一个布尔变量。那么如何根据该行的“id”动态引用布尔“加载”？

如果我只使用普通的，上面的效果很好：

loading="loading"

但必须是：

loading="loading123"

其中 123 是 props.item.id

【问题讨论】：

您是否有一个名为 loading 的属性在您的 data 部分中有一个布尔值。否则，:loading="loading" 也不应该工作。如果是这样，请在<script> 标签内分享您的代码。

标签： vue.js vuetify.js

【解决方案1】：

我想通了：

:loading="loading[props.index]" @click.native="loader = 'loading[props.index]'"

显然是一个布尔数组。

【讨论】：