elementUi vue el-radio 监听选中变化的实例代码


Posted in Javascript onJune 28, 2019

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 监听选中变化,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
解析dom中的children对象数组元素firstChild,lastChild的使用
Jul 10 Javascript
JavaScript实现的日期控件具体代码
Nov 18 Javascript
BootStrap智能表单实战系列(四)表单布局介绍
Jun 13 Javascript
JavaScript SHA512加密算法详细代码
Oct 06 Javascript
seajs学习教程之基础篇
Oct 20 Javascript
JS键盘版计算器的制作方法
Dec 03 Javascript
Bootstrap基本组件学习笔记之按钮组(8)
Dec 07 Javascript
基于Marquee.js插件实现的跑马灯效果示例
Jan 25 Javascript
Angular4学习教程之HTML属性绑定的方法
Jan 04 Javascript
express如何使用session与cookie的方法
Jan 30 Javascript
JS中注入eval, Function等系统函数截获动态代码
Apr 03 Javascript
用node撸一个监测复联4开售短信提醒的实现代码
Apr 10 Javascript
vue实现Excel文件的上传与下载功能的两种方式
Jun 28 #Javascript
开发中常用的25个JavaScript单行代码(小结)
Jun 28 #Javascript
微信小程序身份证验证方法实现详解
Jun 28 #Javascript
jQuery属性选择器用法实例分析
Jun 28 #jQuery
jQuery位置选择器用法实例分析
Jun 28 #jQuery
jQuery层叠选择器用法实例分析
Jun 28 #jQuery
jQuery内容选择器与表单选择器实例分析
Jun 28 #jQuery
You might like
php header函数的常用http头设置
2015/06/25 PHP
php生成与读取excel文件
2016/10/14 PHP
PHP实现的登录,注册及密码修改功能分析
2016/11/25 PHP
Yii框架参数配置文件params用法实例分析
2019/09/11 PHP
jquery动画3.创建一个带遮罩效果的图片走廊
2012/08/24 Javascript
setInterval计时器不准的问题解决方法
2014/05/08 Javascript
window.location的重写及判断location是否被重写
2014/09/04 Javascript
js阻止浏览器默认行为触发的通用方法(推荐)
2016/05/15 Javascript
Bootstrap零基础学习第一课之模板
2016/07/18 Javascript
Bootstrap框架结合jQuery仿百度换肤功能实例解析
2016/09/17 Javascript
JS动态给对象添加属性和值的实现方法
2016/10/21 Javascript
jQ处理xml文件和xml字符串的方法(详解)
2016/11/22 Javascript
JavaScript通过改变文字透明度实现的文字闪烁效果实例
2017/04/27 Javascript
本地存储localStorage用法详解
2017/07/31 Javascript
vue使用技巧及vue项目中遇到的问题
2018/06/04 Javascript
nodejs require js文件入口,在package.json中指定默认入口main方法
2018/10/10 NodeJs
vue中进行微博分享的实例讲解
2019/10/14 Javascript
解决vue prop传值default属性如何使用,为何不生效的问题
2020/09/21 Javascript
[05:15]2018年度CS GO社区贡献奖-完美盛典
2018/12/16 DOTA
python抓取最新博客内容并生成Rss
2015/05/17 Python
python实现自动登录人人网并采集信息的方法
2015/06/28 Python
Python实现删除当前目录下除当前脚本以外的文件和文件夹实例
2015/07/27 Python
浅谈python下含中文字符串正则表达式的编码问题
2018/12/07 Python
Python获取航线信息并且制作成图的讲解
2019/01/03 Python
python-tkinter之按钮的使用,开关方法
2019/06/11 Python
python numpy 反转 reverse示例
2019/12/04 Python
浅析CSS3 用text-overflow解决文字排版问题
2020/10/28 HTML / CSS
关于HTML5的安全问题开发人员需要牢记的
2012/06/21 HTML / CSS
营业员实习自我鉴定
2013/12/07 职场文书
移风易俗倡议书
2014/04/15 职场文书
查摆问题自我剖析材料
2014/08/18 职场文书
祖国在我心中演讲稿200字
2014/08/28 职场文书
面试自我评价范文
2014/09/17 职场文书
住房抵押登记委托书
2014/09/27 职场文书
阿甘正传观后感
2015/06/01 职场文书
2015年城管执法工作总结
2015/07/23 职场文书