elementUi el-radio

<div>
  <el-radio class="radio" v-model="radioSex" label="man">男</el-radio>
  <el-radio class="radio" v-model="radioSex" label="woman">女</el-radio> 
</div>

export default {
    name: 'Radio',
    data () {
      return {
        radioSex: 'man'
      }
    }
  }

Radio-group 有change方法,但是只有两个radio 我该怎么监听radioSex值得变化,方法在哪里添加?

阅读 6.7k
评论
    1 个回答
    • 3.8k

    你没有加 el-radio-group标签。
    要仔细看文档,文档中有说,changeradio-group标签的事件。

    clipboard.png

    参考代码:

    <div>
      <el-radio-group v-model="radioSex" @change="changeHandler">
        <el-radio class="radio" label="man">男</el-radio>
        <el-radio class="radio" label="woman">女</el-radio> 
      </el-radio-group>
    </div>
    
    export default {
        name: 'Radio',
        data () {
          return {
            radioSex: 'man'
          }
        },
        methods: {
            changeHandler(value) {
                console.log('改变之后的值是:' + value)
            }
        }
      }