Question

这是我在这个论坛上的第一个问题。我曾经使用jquery一段时间，但现在我最近转移到vuejs并发现它真棒。

这是我遇到的一个小问题。问题是我必须在循环中的按钮上设置v-loading，当我点击时我需要它为真（即开始显示）。我就是这样做的，但我不知道如何触发它。

<div class="col-sm-12" style="padding:0;" v-for="follow_request in follow_requests" v-loading.body="true">
  <div class="col-sm-4">
    <img class="img-circle" :src="follow_request.user.image | appendBaseUrl"
         style="height:60px;"/>
  </div>
</div>


v-loading.body="true"

我需要在点击时将其设为true和false，但仅限于此div。

Answer 1

我通常建议在迭代的对象中添加一个属性来表示状态。对于follow_request数组中的每个follow_requests个对象，添加属性loading。

然后您可以在模板中使用它。

<div class="col-sm-12" 
     style="padding:0;" 
     v-for="follow_request in follow_requests" 
     v-loading.body="follow_request.loading"
     @click="follow_request.loading = !follow_request.loading>

加载循环vuejs中的特定div

1 个答案: