elementUi el-radio

Question

<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值得变化，方法在哪里添加？

Answer 1

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

参考代码：

<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)
        }
    }
  }