在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ element-ui的el-radio怎么在已選中的情況下，再次點(diǎn)擊取消選中

element-ui的el-radio怎么在已選中的情況下，再次點(diǎn)擊取消選中

element-ui的el-radio怎么在已選中的情況下，再次點(diǎn)擊取消選中？

  1. <template>
  <el-radio-group v-model="radio2" @change="onRadioChange">
    <el-radio :label="3">備選項(xiàng)</el-radio>
    <el-radio :label="6">備選項(xiàng)</el-radio>
    <el-radio :label="9">備選項(xiàng)</el-radio>
  </el-radio-group>
</template>

<script>
  export default {
    data () {
      return {
        radio2: 3
      };
    },
    methods:{
        onRadioChange(val){
            console.log(val) // 當(dāng)radio已被選中時(shí)，這個(gè)事件不會(huì)被觸發(fā)
        }
    }
  }
</script>
  2. 點(diǎn)擊事件？直接用@click無(wú)效，我用@click.native可以點(diǎn)擊但是會(huì)執(zhí)行兩次
回答
編輯回答
陪她鬧

el-radio 是單選框，如果你有這樣的需求建議使用el-checked組件或者el-radio click時(shí)改變r(jià)adio2的值

2017年12月24日 21:21
編輯回答
野橘

為啥不用 el-checkbox 呢

<el-checkbox-group v-model="checkList" :max="1">
    <el-checkbox label="選項(xiàng) A"></el-checkbox>
    <el-checkbox label="選項(xiàng) B"></el-checkbox>
    <el-checkbox label="選項(xiàng) C"></el-checkbox>
</el-checkbox-group>

data () {
    return {
        checkList: ['選項(xiàng)A']
    }
}

或者這樣：
<el-radio-group v-model="radio2">
  <el-radio @click.native.prevent="clickitem(3)" :label="3"> 備選項(xiàng)</el-radio>
  <el-radio @click.native.prevent="clickitem(6)" :label="6"> 備選項(xiàng)</el-radio>
  <el-radio @click.native.prevent="clickitem(9)" :label="9"> 備選項(xiàng)</el-radio>
</el-radio-group>
          
clickitem (e) {
  e === this.radio2 ? this.radio2 = '' : this.radio2 = e
},
2017年1月11日 01:40
編輯回答
舊言

單選按鈕建議用radio 多選用checkbox checkbox用數(shù)組存值

2017年5月23日 19:32
編輯回答
陪她鬧

最好是用checked，checked = ！checked 直接就可以滿(mǎn)足你的需求

2017年1月15日 15:32
編輯回答
空痕

樓主如果是UE叫你這樣做的，建議他回爐再造下..
radiobutton沒(méi)有這樣的交互方式，這樣做有違用戶(hù)的常識(shí)體驗(yàn)（想想你在其他應(yīng)用見(jiàn)過(guò)這樣的交互方式?jīng)]..）。

如果你要實(shí)現(xiàn)點(diǎn)擊后取消，可以實(shí)現(xiàn)一組互斥的checkbox，點(diǎn)擊其中一個(gè)取消其他的選中狀態(tài)，再次點(diǎn)擊取消自己的選中狀態(tài)。

2018年8月2日 05:29
編輯回答
憶當(dāng)年
onRadioChange(val){
    if(val === this.radio){
        this.radio = 0
    }
}

其中this.radio = x 中的x 不能等于所有子項(xiàng)的值

2018年3月11日 23:27