Javascript 有没有办法在v-for中正确使用索引以避免出错

我在v-for中使用索引，试图在函数中使用它从数组中删除该项。索引已定义，但从未被使用，因为它是从过梁弹出的错误

我不确定放置索引的正确方法，因为这是教程中指示的方法

<template>
    <div class="row">
        <app-quote v-for="(quote,index) in quotes" :key="quote.id" @click.native="deleteQuote">{{ quote }}</app-quote>

    </div>
</template>

<script>
import Quote from './Quote.vue';

export default {
    props: ['quotes'],
    components: {
        appQuote: Quote
    },
    methods: {
        deleteQuote(index) {
            this.$emit('quoteDeleted', index);
        }
    },
}
</script>

{{quote}}
从“/Quote.vue”导入报价；
导出默认值{
道具：['quotes']，
组成部分：{
appQuote:Quote
},
方法：{
删除报价（索引）{
此.$emit（'quoteDeleted'，索引）；
}
},
}

您可以将索引显式传递到

deleteQuote

：

<app-quote v-for="(quote, index) in quotes" :key="quote.id" @click.native="deleteQuote(index)">{{ quote }}</app-quote>

{{quote}

通常，您可以禁用线的过梁：

<!-- eslint-disable-next-line -->

---

但是在这种情况下，这是不必要的。

@click.native=“deleteQuote（index）”为类似的东西禁用过梁不是一个好方法idea@Phil你是对的，这是个坏主意。我编辑了它，并将其作为参考，我能够将索引明确地传递给

deleteQuote

。