vue v-model 数组

<template>
  <div>
    <input type="checkbox" id="jack" value="Jack" v-model="checkedNames">
    <label for="jack">Jack</label>
    <input type="checkbox" id="john" value="John" v-model="checkedNames">
    <label for="john">John</label>
    <input type="checkbox" id="mike" value="Mike" v-model="checkedNames">
    <label for="mike">Mike</label>
    <br>
    <span>Checked names: {{ checkedNames }}</span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checkedNames: []
    };
  }
};
</script>

<template>
  <div>
    <select multiple v-model="selectedOptions">
      <option disabled value="">请选择</option>
      <option>A</option>
      <option>B</option>
      <option>C</option>
    </select>
    <br>
    <span>Selected options: {{ selectedOptions }}</span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOptions: []
    };
  }
};
</script>

// 使用变异方法
this.checkedNames.push('NewName');

// 使用 Vue.set
Vue.set(this.checkedNames, index, newValue);

<input type="checkbox" :value="uniqueValue" v-model="checkedValues">