vue结合v-for和input实现多选列表checkbox功能

<div id="app">
  <ul>
    <li v-for="item in items" :key="item.id">
      <input type="checkbox" v-model="selectedItems" :value="item">
      {{ item.name }}
    </li>
  </ul>
</div>

new Vue({
  el: '#app',
  data: {
    items: [
      { id: 1, name: '选项 1' },
      { id: 2, name: '选项 2' },
      { id: 3, name: '选项 3' }
    ],
    selectedItems: []
  }
});

<div class="list">
      <div class="car-item" v-for="item in carList" :key="item.id" >
         <input  class="checkbox" type="checkbox" :value="item" @change="carSelectListChange" v-model="carSelectList"/>
         <div class="name">{{item.name}}</div>
      </div>
    </div>

<script>
export default {
  name: "index",
  data(){
    return{
      // 车辆表格数据
      carList: [],
      carSelectList:[],
    }
  },
  methods:{
    carSelectListChange(){
      console.log(this.carSelectList)
    }
  }
}
</script>