elementUivueel-radio如何监听选中变化

这篇文章主要介绍了elementUi vue el-radio如何监听选中变化，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

武邑网站建设公司创新互联,武邑网站设计制作，有大型网站制作公司丰富经验。已为武邑成百上千家提供企业网站建设服务。企业网站搭建\成都外贸网站建设公司要多少钱，请找那个售后服务好的武邑做网站的公司定做！

elementUi vue el-radio 监听选中变化的实例代码如下所述：

//change是radio-group标签的事件

 
  男
  女 
 

export default {
  name: 'Radio',
  data () {
   return {
    radioSex: 'man'
   }
  },
  methods: {
    changeHandler(value) {
      console.log('改变之后的值是:' + value)
    }
  }
 }

ps：下面给大家介绍下vue+elementui下监听屏幕变化并处理对应样式

mounted () {
window.addEventListener('resize', () => {
if (document.body.clientWidth < 900) {
this.tabposition = 'top'
} else {
this.tabposition = 'left'
}
})
}

补充：最好是将监听后对应的操作函数封装起来，然后再页面的销毁程序中对window解除对应监听。

感谢你能够认真阅读完这篇文章，希望小编分享的“elementUi vue el-radio如何监听选中变化”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!