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”元素中使用。如果我需要获取索引的参数怎么办？

谢谢

Answer 1

尝试以下方法：

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

Vue.js v-for索引

1 个答案: