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

Question

我有一个迭代循环，它使用v-for一个对象数组，然后渲染一个 htmlli项目

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

这里的问题是，key在tabindex属性没有被渲染时，正在渲染的是{{ key }}。

我怎样才能获得 的值key用于tabindex？我也尝试过，:tabindex但这给了我一个 Javascript 错误。

Answer 1

属性内的插值在 Vue v2 中无效。

您需要将tabindex属性绑定到key类似的位置：

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

这是一个工作小提琴。