elementUi vue el-radio 监听选中变化的实例代码
编程学习 2021-07-04 15:51www.dzhlxh.cn编程入门
这篇文章主要介绍了elementUi vue el-radio 监听选中变化，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
elementUi vue el-radio 监听选中变化的实例代码如下所述：
//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)
}
}
}
ps：狼蚁网站SEO优化给大家介绍下vue+elementui下监听屏幕变化并处理对应样式
mounted () {
window.addEventListener('resize', () => {
if (document.body.clientWidth < 900) {
this.tabposition = 'top'
} else {
this.tabposition = 'left'
}
})
}
补充：最好是将监听后对应的操作函数封装起来，然后再页面的销毁程序中对window解除对应监听。
总结
以上所述是长沙网络推广给大家介绍的elementUi vue el-radio 监听选中变化，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，长沙网络推广会及时回复大家的！