1
<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值得变化,方法在哪里添加?

大宝 248
2017-09-14 提问

1 个回答

10

已采纳

你没有加 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)
        }
    }
  }

推广链接