請教下，如何在element ui的radio里添加點擊事件？直接用@click無效，我用@click.native可以點擊但是會執行兩次，想問下有什么辦法能讓它只執行一次么
7 回答
十指狂魔
TA貢獻5條經驗 獲得超4個贊
方法一（: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']
????}
}
方法二（@click.native.prevent）：
<el-radio-group?v-model="radio2">
??<[email protected]="clickitem(3)"?:label="3">?備選項</el-radio>
??<[email protected]="clickitem(6)"?:label="6">?備選項</el-radio>
??<[email protected]="clickitem(9)"?:label="9">?備選項</el-radio>
</el-radio-group>
??????????
clickitem?(e)?{?
?????e?===?this.radio2???this.radio2?=?''?:?this.radio2?=?e
?},
十指狂魔
TA貢獻5條經驗 獲得超4個贊
想不出來一個單選框在什么場景下需要用到點擊事件，el-radio 一般 v-model 就夠用了吧。el-radio-group 的話做多也就用個@change。
element ui的radio里沒有點擊事件
-
努力奔跑的自己有個場景，如果radio被選中，再再次點擊該radio讓它變成不選中狀態，如果radio沒選中，點擊該radio讓它選中。并且不能多選radio -
十指狂魔```javaScript 方法一 （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'] } } 方法二（@click.native.prevent）： <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 }, ```
-
十指狂魔回復的信息竟然不支持 ***markdown*** 格式
添加回答
舉報
0/150
提交
取消