我想获取项目索引作为函数中的参数v-list-item-action。但是如何？谢谢！
<v-list-item
v-for="(layer, i) in layers"
:key="i">
<template v-slot="{ item, index }">
<v-list-item-action>
<v-btn
@click="changeVisible(index)"
icon>
<v-icon
color="blue darken-2"
v-if="layer.show">
mdi-eye
</v-icon>
<v-icon
v-else>
mdi-eye-off
</v-icon>
</v-btn>
</v-list-item-action>
<v-list-item-title v-text="layer.name"></v-list-item-title>
<v-list-item-action>
<v-btn
@click="changeEdit"
icon>
<v-icon
color="blue darken-2"
v-if="layer.edit">
mdi-pencil
</v-icon>
<v-icon
v-else>
mdi-pencil
</v-icon>
</v-btn>
</v-list-item-action>
</template>
</v-list-item>
不要定义提供插槽内容的模板，只需添加indexinv-for循环并将其用作方法参数即可：
<v-list-item
v-for="(layer, i) in layers"
:key="i">
<v-list-item-action>
<v-btn
@click="changeVisible(i)"
icon>
<v-icon
color="blue darken-2"
v-if="layer.show">
mdi-eye
</v-icon>
<v-icon
v-else>
mdi-eye-off
</v-icon>
</v-btn>
</v-list-item-action>
...
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句