鍍金池/ 問答/HTML/ vue中,單選框radio綁定問題

vue中,單選框radio綁定問題

vue項目中,使用單選框,v-model綁定的是一個數(shù)組,當(dāng)把數(shù)組清空,單選框還是處于選中狀態(tài)。

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

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

請問怎么修改,當(dāng)清空數(shù)組,單選框取消選中?

回答
編輯回答
爆扎

沒代碼言x ???

隨便寫了個demo,你可以看一下

2017年4月16日 14:40
編輯回答
不將就

空數(shù)組的布爾值還是ture,清空arr可以把a(bǔ)rr=''或null

2017年7月14日 08:08
編輯回答
我以為

首先不是很明白題主為什么要給radio的v-model綁定一個數(shù)組,如果您是想綁定多個radio么?如果是這樣,參考官方實例就行啦官方實例

如果題主一定要綁定數(shù)組,可以在數(shù)組上自定義一個屬性,如下:
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">

別的方式就不知道了,如果有大神路過,請指教。

2017年5月13日 20:26