vue中,单选框radio绑定问题

vue项目中,使用单选框,v-model绑定的是一个数组,当把数组清空,单选框还是处于选中状态。

<input type="radio" v-model="arr"/>

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

请问怎么修改,当清空数组,单选框取消选中?

阅读 18.1k
3 个回答

首先不是很明白题主为什么要给radio的v-model绑定一个数组,如果您是想绑定多个radio么?如果是这样,参考官方实例就行啦官方实例

如果题主一定要绑定数组,可以在数组上自定义一个属性,如下:
js


 data () {
    return {
        arr: []
    };
}

html

 <input type="radio" value="1" v-model="arr.a">
<input type="radio" value="2" v-model="arr.a">
<input type="radio" value="3" v-model="arr.a">

别的方式就不知道了,如果有大神路过,请指教。

空数组的布尔值还是ture,清空arr可以把arr=''或null

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题