el-radio再次點擊取消選中


第一種方法,如果對體驗要求不高的話:

// 直接把 radio單選換成多選框,然后設置 max最大為1,這個需要把選中的點沒,才能再去選擇別的

<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
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM