vue for循环中label

在 Vue 中使用 v-for 循环时，可以通过使用 label 标签来为每个循环项添加标签。例如，假设我们有一个数组 items，我们可以使用以下代码为每个循环项添加一个 label 标签：

<ul>
  <li v-for="(item, index) in items" :key="index">
    <label :for="'item-' + index">{{ item }}</label>
    <input :id="'item-' + index" type="checkbox">
  </li>
</ul>

在上面的代码中，我们使用 v-for 循环遍历 items 数组，并使用 :key="index" 为每个循环项设置一个唯一的 key。然后，我们在每个 li 元素中创建一个 label 标签，并使用 :for="'item-' + index" 为每个标签设置一个唯一的 ID。我们还在每个 li 元素中创建一个复选框，使用 :id="'item-' + index" 与 label 标签关联起来。这样，当用户点击标签时，相应的复选框就会被选中。