Question

为了应对嵌套对象，我必须将v-data-iterator中的作用域插槽销毁为 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 Data Iterator那样操作 props ，是否有一种方法可以建立索引（也可以将其应用于其他Vuetify组件）？

Answer 1

index传递到每个项目对象之外。

要获取每个项目的index，请执行

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

销毁Vuetify Data Iterator中的作用域槽后，项索引是什么？

1 个答案: