所以基本上我现在想在我的vue应用中做的是:我在一个循环中创建组件,但是我需要这些组件有一个id值。我想让这些组件有一个id值,比如 "board-1 "等等,使用循环的索引。(就像我用 v-bind:key="
component-${block._uid}。"
以上。如何才能实现呢?
<div
class = "col-4"
v-for="(block, index) in layouts"
v-bind:key="`component-${block._uid}`"
>
<Board
id="`board-${block._uid}`"
class="droparea"
@dropped-component="$emit('dropped-component', $event, index)"
:acceptsDrop=true
draggable="true"
>
Layout {{index + 1}}
</Board>
</div>
你需要绑定JS代码的值才能得到执行,否则你是归属一个字符串,而不是JS代码。
:id="`board-${block._uid}`"
你也可以使用 v-bind
实际上 :
只是一个简写
v-bind:id="`board-${block._uid}`"