第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

element-ui的el-radio怎么在已選中的情況下,再次點擊取消選中

element-ui的el-radio怎么在已選中的情況下,再次點擊取消選中

海綿寶寶撒 2019-03-22 18:14:29
element-ui的el-radio怎么在已選中的情況下,再次點擊取消選中?<template>   <el-radio-group v-model="radio2" @change="onRadioChange">     <el-radio :label="3">備選項</el-radio>     <el-radio :label="6">備選項</el-radio>     <el-radio :label="9">備選項</el-radio>   </el-radio-group></template><script>   export default {     data () {      return {        radio2: 3       };     },    methods:{         onRadioChange(val){            console.log(val) // 當radio已被選中時,這個事件不會被觸發(fā)         }     }   }</script>點擊事件?直接用@click無效,我用@click.native可以點擊但是會執(zhí)行兩次
查看完整描述

6 回答

?
慕桂英4014372

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

},


查看完整回答
反對 回復 2019-04-07
?
MYYA

TA貢獻1868條經驗 獲得超4個贊

onRadioChange(val){

    if(val === this.radio){

        this.radio = 0

    }

}

其中this.radio = x 中的x 不能等于所有子項的值


查看完整回答
反對 回復 2019-04-07
?
元芳怎么了

TA貢獻1798條經驗 獲得超7個贊

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


查看完整回答
反對 回復 2019-04-07
?
Helenr

TA貢獻1780條經驗 獲得超4個贊

樓主如果是UE叫你這樣做的,建議他回爐再造下..
radiobutton沒有這樣的交互方式,這樣做有違用戶的常識體驗(想想你在其他應用見過這樣的交互方式沒..)。

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


查看完整回答
反對 回復 2019-04-07
  • weixin_慕沐5343492
    weixin_慕沐5343492
    有這時間bb ll,說些廢話你很爽? <el-radio :label="1" @click.native.prevent="radioClick(1)">備選項</el-radio> radioClick (e) { e === this.radio? (this.radio = ''):(this.radio = e) }
  • 6 回答
  • 0 關注
  • 7813 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號