Question

我是Vue的新手，无法完成一件简单的事情。我希望能够使用循环索引为属性设置唯一名称。例如，我想将ID属性设置为以下形式：id =“ somename {{index}}”，但这会在属性内插值错误。

<div v-for="(dt, index) in driveTrain" >
    <input type="radio" id="driveTrain-{{index}}" >
    <label for="driveTrain-{{index}}">{{dt}}</label>
</div>

Answer 1

您可以直接使用v-bind动态绑定ID：

<div v-for="(dt, index) in driveTrain" >
    <input type="radio" :id="'driveTrain'+index">
    <label :id="'driveTrain'+index">{{dt}}</label>
</div>

或：

使用template literals绑定它：

 <div v-for="(dt, index) in driveTrain" >
        <input type="radio" :id="`driveTrain${index}`">
        <label :id="`driveTrain${index}`">{{dt}}</label>
    </div>

如何在属性中使用循环索引？

1 个答案: