vue怎么实现点击选中商品列表的功能

<ul>
  <li v-for="item in itemList">
    <input type="checkbox" v-bind:id="item.id" v-model="item.checked"/>
    <label v-bind:for="item.id">{{item.name}}</label>
  </li>
</ul>

data() {
  return {
    itemList: [
      {
        id: 'item1',
        name: '商品1',
        checked: false
      },
      {
        id: 'item2',
        name: '商品2',
        checked: false
      },
      {
        id: 'item3',
        name: '商品3',
        checked: false
      }
    ]
  }
}

methods: {
  toggleCheck(item) {
    item.checked = !item.checked;
  }
}

<input type="checkbox" v-bind:id="item.id" v-model="item.checked" v-on:click="toggleCheck(item)"/>