小编ant*_*ezt的帖子

我正在用来Bootstrap-vue.JS制作一组单选按钮。我有一个重置功能来检查单选按钮之一。当我调用该函数时，单选按钮的值按我的预期发生变化，但单选按钮本身没有显示其变化（圆圈没有变成蓝色）

这是模板

<b-row md="9" align-h="center">
 <b-form-group>
  <b-form-radio-group
   id="radio-group-1"
   v-model="voc_type"
   name="radio-options"
  >
   <b-form-radio value="Request">Request</b-form-radio>
   <b-form-radio value="Complain">Complain</b-form-radio>
   <b-form-radio value="Saran">Saran</b-form-radio>
   <b-form-radio value="Pujian">Pujian</b-form-radio>
  </b-form-radio-group>
 </b-form-group>
</b-row>
{{ voc_type }}

这是创建时的初始化vue

export default{
 data{
  return{
   voc_type: 'Request',
  }
 }
}

这是重置函数

reset(){
 this.voc_type= 'Request'
}

当我调用 时reset()， 的输出{{ voc_type }}如我所料是“Request”，但单选按钮没有变成蓝色。idk为什么..