vue多选框数据读取

你可以通过v-model指令来实现vue多选框数据的读取。首先，你需要在data中定义一个数组属性来存储选中的值，例如：

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

然后，在多选框的input元素上使用v-model指令来绑定这个数组属性，同时设置value属性来标识每个选项的值，例如：

<input type="checkbox" v-model="selectedOptions" value="option1">
<input type="checkbox" v-model="selectedOptions" value="option2">
<input type="checkbox" v-model="selectedOptions" value="option3">

这样，当用户选择或取消选择多选框时，selectedOptions数组将自动更新。你可以在组件中使用这个数组来读取选中的值。例如，可以使用v-for指令遍历selectedOptions数组来展示选中的值：

<div v-for="option in selectedOptions" :key="option">
  {{ option }}
</div>

这样，每当用户选择或取消选择多选框时，选中的值将会动态显示在页面上。