什么是项目索引后，销毁范围槽在Vuetify数据迭代器？

Question

为了处理嵌套对象，我必须将v数据迭代器中的作用域槽解构为hb。

<v-data-iterator :items="persons" content-tag="v-layout" row="row" wrap="wrap">
    <v-flex slot="item" slot-scope="{item:{hobbies:hb}}" xs12="xs12" sm6="sm6" md4="md4" lg3="lg3">
        <v-card>
            <v-card-title>
                <h4>{{ hb.name }}</h4>
                <v-btn color="error" @click="removeHoppy(hg.index)" block="block" flat="flat">
                    <v-icon left="left">delete</v-icon>Remove</v-btn>
            </v-card-title>
        </v-card>
    </v-flex>
</v-data-iterator>

现在，我想从person中删除该项，但由于hb.index未定义，所以没有索引。

如果我们操作道具(在我的例子中使用Vuetify )，是否有一种有索引的方法(这也可以应用于其他Vuetify组件)？

Answer 1

index被传递到每个item对象之外。

要获取每个项目的index，请执行以下操作

    <v-flex 
        slot="item" 
        slot-scope="{item:{hobbies:hb},index}" 
        xs12="xs12"
        sm6="sm6"
        md4="md4"
        lg3="lg3"
    >
    </v-flex>