VueJS使用v-for变量作为属性值

Question

我有一个迭代循环，在一个对象数组上使用v-for然后呈现一个html li项

<li class="block" v-for="(section, key) in sectionDetails">
    <a href="#" tabindex="{{ key }}">Item {{ key }}</a>
</li>

此处的问题是key属性中的tabindex未呈现，呈现的内容为{{ key }}。

如何获取用于key的{​​{1}}的值？我也尝试过，tabindex但是这给了我一个Javascript错误。

Answer 1

Interpolation within attributes is not valid in Vue v2.

您需要将tabindex属性绑定到key，如下所示：

<a href="#" :tabindex="key">Item {{ key }}</a>

Here's a working fiddle.