如何在 Vue 中从具有插槽和插槽范围的模板中获取值？答案

【问题标题】：How to get values from a template with slot and slot-scope in Vue?如何在 Vue 中从具有插槽和插槽范围的模板中获取值？
【发布时间】：2018-10-24 12:24:53
【问题描述】：

我想在数据迭代器中使用槽和槽范围时获取值。我正在使用 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)"，但现在，我不需要按钮，因为我将通过另一种方法（例如计算百分比）动态地与值交互。

【问题讨论】：

标签： vue.js

【解决方案1】：

如果有人对此有帮助，这是我的回答：我只传递值来创建这样的方法：

在我的循环中：

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

所以，我制作了一个方法来操作这些值

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

【讨论】：