6 回答

TA貢獻1871條經驗 獲得超13個贊
為啥不用 el-checkbox 呢
<el-checkbox-group v-model="checkList" :max="1">
<el-checkbox label="選項 A"></el-checkbox>
<el-checkbox label="選項 B"></el-checkbox>
<el-checkbox label="選項 C"></el-checkbox>
</el-checkbox-group>
data () {
return {
checkList: ['選項A']
}
}
或者這樣:
<el-radio-group v-model="radio2">
<el-radio @click.native.prevent="clickitem(3)" :label="3"> 備選項</el-radio>
<el-radio @click.native.prevent="clickitem(6)" :label="6"> 備選項</el-radio>
<el-radio @click.native.prevent="clickitem(9)" :label="9"> 備選項</el-radio>
</el-radio-group>
clickitem (e) {
e === this.radio2 ? this.radio2 = '' : this.radio2 = e
},

TA貢獻1868條經驗 獲得超4個贊
onRadioChange(val){
if(val === this.radio){
this.radio = 0
}
}
其中this.radio = x 中的x 不能等于所有子項的值

TA貢獻1780條經驗 獲得超4個贊
樓主如果是UE叫你這樣做的,建議他回爐再造下..
radiobutton沒有這樣的交互方式,這樣做有違用戶的常識體驗(想想你在其他應用見過這樣的交互方式沒..)。
如果你要實現(xiàn)點擊后取消,可以實現(xiàn)一組互斥的checkbox,點擊其中一個取消其他的選中狀態(tài),再次點擊取消自己的選中狀態(tài)。
添加回答
舉報