vue中单选和多选的获取

单选

{{radioValue}}
//为了表示是同一组一般还可以给单选加上name属性
<div>
  <input type="radio" value="radio01" v-model="radioValue"/>
  radio
</div>
<div>
  <input type="radio" value="radio02" v-model="radioValue"/>
  radio
</div>
<div>
  <input type="radio" value="radio03" v-model="radioValue"/>
  radio
</div>

data() {
  return {
    radioValue: null
  }
},

同一组input的v-model直接用同一个变量控制，那个变量就是被选中的单选项的value值。

多选

{{checkboxArray}}
<div><input type="checkbox" v-model="checkboxArray[0]"/>checkbox</div>
<div><input type="checkbox" v-model="checkboxArray[1]"/>checkbox</div>
<div><input type="checkbox" v-model="checkboxArray[2]"/>checkbox</div>

data() {
  return {
    checkboxArray: [],
  }
},

多选的v-model就要各自是各自的了，而且其v-model的值就是true和false（选中和取消选中）。