如何在Vue中使用slot和slot-scope从模板中获取值？

Question

当我在数据迭代器中使用slot和slot-scope时，我希望获得这些值。我正在使用Vuetify来获取数据。

下面是一个示例：

<v-data-iterator :search="search" :loading="loading" content-tag="v-layout" row wrap :items="items" :pagination.sync="pagination">
<v-flex slot="item" slot-scope="props" xs12 sm6 md6 lg3>
<v-card>
 <v-list-tile>
    <v-list-tile-content>Apellido Paterno:</v-list-tile-content>
      <v-list-tile-content class="align-end">{{props.item.volumenActual}}</v-list-tile-content>
 </v-list-tile>
</v-card>
</v-flex>
</v-data-iterator>

我使用axios获取数据，并使用response.data将其传递给我的items{}数组。

我在我的axios方法中尝试了这样的东西，但它不起作用，它什么也没有显示：this.newValue = response.data.volumenActual。

以前，为了得到值，我在一个按钮中使用了@click="myMethod(props.item)"，但现在，我不想要一个按钮，因为我将在另一个像calculate percentage这样的方法中与值动态交互。

Answer 1

如果有人对此有所帮助，以下是我的答案:我只传递该值来创建如下方法：

来自我的循环的内部：

<p>{{doSomething(props.item.value)}}</p>

因此，我创建了一个方法来操作这些值

 doSomething(value) {
      var something = value / 1000;
      return something + "%";
    },