請(qǐng)教下，如何在element ui的radio里添加點(diǎn)擊事件？直接用@click無(wú)效，我用@click.native可以點(diǎn)擊但是會(huì)執(zhí)行兩次，想問下有什么辦法能讓它只執(zhí)行一次么
7 回答
qwer_0005
TA貢獻(xiàn)4條經(jīng)驗(yàn) 獲得超6個(gè)贊
十指狂魔
TA貢獻(xiàn)5條經(jīng)驗(yàn) 獲得超4個(gè)贊
方法一（:max="1"）：
<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']
????}
}
方法二（@click.native.prevent）：
<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
?},
十指狂魔
TA貢獻(xiàn)5條經(jīng)驗(yàn) 獲得超4個(gè)贊
想不出來一個(gè)單選框在什么場(chǎng)景下需要用到點(diǎn)擊事件，el-radio 一般 v-model 就夠用了吧。el-radio-group 的話做多也就用個(gè)@change。
element ui的radio里沒有點(diǎn)擊事件
-
努力奔跑的自己有個(gè)場(chǎng)景，如果radio被選中，再再次點(diǎn)擊該radio讓它變成不選中狀態(tài)，如果radio沒選中，點(diǎn)擊該radio讓它選中。并且不能多選radio -
十指狂魔```javaScript 方法一 （max="1"）： <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'] } } 方法二（@click.native.prevent）： <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 }, ```
-
十指狂魔回復(fù)的信息竟然不支持 ***markdown*** 格式
添加回答
舉報(bào)
0/150
提交
取消