在vue js中从多选框中检索选定的值

data() {
  return {
    selectedValues: []
  }
}

<template>
  <div>
    <input type="checkbox" value="value1" v-model="selectedValues">
    <input type="checkbox" value="value2" v-model="selectedValues">
    <input type="checkbox" value="value3" v-model="selectedValues">
  </div>
</template>

methods: {
  retrieveSelectedValues() {
    console.log(this.selectedValues); // 打印选定的值
  }
}

<button @click="retrieveSelectedValues">检索选定的值</button>