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里没有点击事件