在v-for 中input type=checkbox 和label for=""搭配

在v-for中，可以使用以下方式来使用input type=checkbox和label for=""搭配：

1. 在Vue模板中，使用v-bind指令将checkbox的value绑定到数据中对应的属性上，如：

<div v-for="(item, index) in items" :key="index">
  <input type="checkbox" :id="'item-' + index" v-bind:value="item.selected" v-model="item.selected">
  <label :for="'item-' + index">{{ item.label }}</label>
</div>

2. 在数据中定义一个属性selected，用来存储checkbox的选中状态，如：

data() {
  return {
    items: [
      { label: '选项1', selected: false },
      { label: '选项2', selected: false },
      { label: '选项3', selected: false },
      { label: '选项4', selected: false }
    ]
  }
}

在这个例子中，v-for循环渲染items数组中的每个元素，每个元素都有一个label和一个selected属性，用来表示checkbox的文本和选中状态。在模板中，使用v-bind指令将checkbox的value绑定到selected属性上，并使用v-model指令将checkbox的选中状态和selected属性双向绑定。label的for属性绑定到对应的checkbox的id属性上。

这样可以实现在v-for中使用input type=checkbox和label for=""搭配的效果。