elementUi vue el-radio 监听选中变化的实例代码
更新时间：2019年06月28日 13:50:44 作者：温九月
这篇文章主要介绍了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：下面给大家介绍下vue+elementui下监听屏幕变化并处理对应样式
mounted () {
window.addEventListener('resize', () => {
if (document.body.clientWidth < 900) {
this.tabposition = 'top'
} else {
this.tabposition = 'left'
}
})
}
补充：最好是将监听后对应的操作函数封装起来，然后再页面的销毁程序中对window解除对应监听。
总结
以上所述是小编给大家介绍的elementUi vue el-radio 监听选中变化，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
您可能感兴趣的文章:
相关文章
本文主要介绍了element表格变化后自动刷新的两种方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-04-04
这篇文章主要介绍了Vue和React的区别，毕竟是两个框架，不像两个 API，要说细节上的区别就太多太多了，本文就简单的带大家说说Vue 和 React 的区别,需要的朋友可以参考下2023-05-05
这篇文章主要为大家详细介绍了require.js+vue+vue-router+vue-resource开发微信上传图片组件,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
这篇文章主要为大家详细介绍了Vue实现计算器计算效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
vant-ui框架的一个bug(解决切换后onload不触发)
这篇文章主要介绍了vant-ui框架的一个bug(解决切换后onload不触发)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
vue使用自定义事件的表单输入组件用法详解【日期组件与货币组件】
这篇文章主要介绍了vue使用自定义事件的表单输入组件用法,结合实例形式详细分析了vue.js日期组件与货币组件相关操作技巧及注意事项,需要的朋友可以参考下2020-06-06
这篇文章主要介绍了vue2 自定义 动态组件的实现方法,需要的朋友可以参考下2017-06-06
本文主要介绍了Vue登录页面的动态粒子背景插件实现，将登录组件背景设置为 "粒子背景"，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-07-07
本文主要介绍了Vue3如何理解ref toRef和toRefs的区别，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-12-12
相信大家做项目的时候,功能中都有导出模块,下面这篇文章主要给大家介绍了关于vue导出excel表格的详细教程,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-05-05
最新评论