javascript - Vue.js v-for 索引

Question

刚开始使用 Vue.js，我有一个问题:

我有一个数组来建表。如果我双击表格行，程序将调用一个 javascript 函数通过其索引获取所选项目。

<div id="vm-table">
    <table>
        <tr v-for="(item, index) in items" ondblclick="getItem('{{ index }}')">
            <td>{{ index }}</td>
            <td>{{ item.pk }}</td>
            <td>{{ item.description }}</td>
        </tr>
    </table>
</div>
<script>
    var vm = new Vue({
        el: "#vm-table",
        data: {
            items: []
        }
    });
</script>

我假设数组“items”已经包含一个项目列表。在上面的“tr”行中，似乎无法获得“index”值，该值必须用于内部“td”元素。如果需要获取index的参数怎么办？

谢谢，

Answer 1

试试这个:

    <tr v-for="(item, index) in items" @dblclick="getItem(index)">
        <td>{{ index }}</td>
        <td>{{ item.pk }}</td>
        <td>{{ item.description }}</td>
    </tr>