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将其传递给我的[[}]数组。

我在axios方法中试过这样的东西，但它不起作用，它没有显示任何内容： this.newValue = response.data.volumenActual。

之前，为了得到它的值，我在一个按钮中使用了@click="myMethod(props.item)"，但现在，我不想要一个按钮，因为我将在另一种方法中动态地与值进行交互，例如计算百分比。 / p>

Answer 1

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

在我的循环中：

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

所以，我制作了一个操纵值的方法

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

如何从Vue中的插槽和插槽范围的模板中获取值？

1 个答案: