VueJS使用v型变量作为属性值

Question

我有一个迭代循环的对象的阵列然后在这里呈现一个html li项

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

问题上使用v-for是key在tabindex属性是不呈现，呈现的是{{ key }}。

我如何获得key的值用于tabindex？我也试过，: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.