javascript - 如何为 Vue 中 v-for 创建的每个按钮组设置 accesskey？

Question

我正在写我的第一个元素，我无意中遇到了这个问题。

    <button
        v-for="names in priz"
        @click="judge(names)"
        class="pure-button button1">
        {{names}}
    </button>

奖品数组是:

 priz: ["四等奖","三等奖","二等奖","一等奖","幸运演员奖","特等奖",
                       "老板奖"]

我想将键“1”分配给第一个按钮，将键“2”分配给第二个按钮，依此类推。我做了一些研究，但我没有任何线索。

Answer 1

您可以使用以下语法访问元素索引:(item, index) in items . 要将属性动态绑定(bind)到组件/元素，请使用 :语法:<a :key="i"></a> .

用你的按钮:

   <button
        v-for="(name, index) in priz"
        :key="index"
        @click="judge(name)"
        class="pure-button button1">
        {{name}}
    </button>