在VueJS中使用v-for时如何向项目添加id

Question

我有一个数据表，当我在网站上呈现这些记录时，我会将 ids 添加到元素中，每个元素都是不同的 id(id="item-first")，那么该怎么办？

 <div class="" v-for="(item, index) in producthots" :key="index">
          <div
            :class="
              index % 2 == 0 ? 'product-item row-reverse' : 'product-item'
            "
          >

我希望渲染时每个元素都有一个 id 对象

Answer 1

要添加 id，您可以像:src和:class一样绑定它，它会像这样:id看下面的示例：

<div :id="'CollapseState' + index" aria-expanded="false" 
class="ChangeState bg-white collapse"></div>  

我绑定了 id，并且为了使其成为 uniq，我添加了+ 索引末尾，因此简短的答案如下代码：

:id="'CollapseState' + index"