Question

天真的，不起作用的尝试：

<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

Answer 1

我知道了：

    div.nav-menu > ul {
      position:fixed;
      left:-200px; // this is responsble for hiding your menu
      top:60px;
      background-color:#ca385f;
      display: block;
      height:100%;
      margin-top:-3px;
      padding-left: 20px;
      width: 200px;
      z-index:999;
-webkit-animation-name: out; 
/* Chrome, Safari, Opera */-webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */animation-name: out;animation-duration: 0.5s;}

所以很显然是一个布尔数组。

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

1 个答案: