element ui radio组件添加点击事件

Question

请教下，如何在element ui的radio里添加点击事件？直接用@click无效，我用@click.native可以点击但是会执行两次，想问下有什么办法能让它只执行一次么

Answer 1

Radio Events 应该是change事件，绑定值变化时触发的事件，回调参数是选中的 Radio label 值

Answer 2

方法一（: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
 },

Answer 3

想不出来一个单选框在什么场景下需要用到点击事件，el-radio 一般 v-model 就够用了吧。el-radio-group 的话做多也就用个@change。

element ui的radio里没有点击事件