iview给radio按钮组件加点击事件的实例


Posted in Javascript onSeptember 30, 2017

如下所示:

<RadioGroup v-model="formValidate.phone">
          <Radio label="phone">商家电话</Radio>
          <Radio label="leaderPhone">负责人电话</Radio>
          <span @click="inputPhone()"><Radio label="newPhone">输入新的电话</Radio></span>
</RadioGroup>

iview的单选按钮如果想要加点击事件,加在 RadioGroup 上和 Radio 上都不生效,这时,可以给组件外包裹一个标签,然后加事件,就完美解决了。

以上这篇iview给radio按钮组件加点击事件的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js单例模式的两种方案
Oct 22 Javascript
巧用js提交表单轻松解决一个页面有多个提交按钮
Nov 17 Javascript
JS图片自动轮换效果实现思路附截图
Apr 30 Javascript
JS 拦截全局ajax请求实例解析
Nov 29 Javascript
深入理解vue.js中$watch的oldvalue与newValue
Aug 07 Javascript
原生js实现简单的模态框示例
Sep 08 Javascript
微信小程序使用map组件实现解析经纬度功能示例
Jan 22 Javascript
vue watch关于对象内的属性监听
Apr 22 Javascript
vue中使用v-model完成组件间的通信
Aug 22 Javascript
在layer弹层layer.prompt中,修改placeholder的实现方法
Sep 27 Javascript
解决vue elementUI中table里数字、字母、中文混合排序问题
Jan 07 Javascript
javascript设计模式 ? 职责链模式原理与用法实例分析
Apr 16 Javascript
浅谈react-native热更新react-native-pushy集成遇到的问题
Sep 30 #Javascript
jquery之基本选择器practice(实例讲解)
Sep 30 #jQuery
iframe高度自适应及隐藏滚动条的实例详解
Sep 29 #Javascript
H5实现仿flash效果的实现代码
Sep 29 #Javascript
Angular表格神器ui-grid应用详解
Sep 29 #Javascript
javascript 缓冲运动框架的实现
Sep 29 #Javascript
使用cropper.js裁剪头像的实例代码
Sep 29 #Javascript
You might like
解析php curl_setopt 函数的相关应用及介绍
2013/06/17 PHP
Yii框架中jquery表单验证插件用法示例
2016/10/18 PHP
简单解决微信文章图片防盗链问题
2016/12/17 PHP
解决PHPstudy Apache无法启动的问题【亲测有效】
2020/10/30 PHP
基于jquery+thickbox仿校内登录注册框
2010/06/07 Javascript
JavaScript中常用的运算符小结
2012/01/18 Javascript
iframe子页面获取父页面元素的方法
2013/11/05 Javascript
深入分析JSONP跨域的原理
2014/12/10 Javascript
jquery实现倒计时效果
2015/12/14 Javascript
基于Echarts 3.19 制作常用的图形(非静态)
2016/05/19 Javascript
用jQuery的AJax实现异步访问、异步加载
2016/11/02 Javascript
nodejs基础应用
2017/02/03 NodeJs
Angular.js跨controller实现参数传递的两种方法
2017/02/20 Javascript
node安装--linux下的快速安装教程
2017/03/21 Javascript
bootstrap警告框示例代码分享
2017/05/17 Javascript
jquery实现图片放大点击切换
2017/06/06 jQuery
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
2018/03/02 Javascript
webpack vue项目开发环境局域网访问方法
2018/03/20 Javascript
解决vue 中 echart 在子组件中只显示一次的问题
2018/08/07 Javascript
[44:58]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第二场
2018/04/06 DOTA
Python的Flask框架及Nginx实现静态文件访问限制功能
2016/06/27 Python
Python操作MongoDB数据库的方法示例
2018/01/04 Python
详解Django+uwsgi+Nginx上线最佳实战
2019/03/14 Python
Django 接收Post请求数据,并保存到数据库的实现方法
2019/07/12 Python
Python发起请求提示UnicodeEncodeError错误代码解决方法
2020/04/21 Python
Python 如何实现访问者模式
2020/07/28 Python
使用CSS3制作版头动画效果
2020/12/24 HTML / CSS
Dillard’s百货官网:Dillards.com
2018/05/26 全球购物
Janie and Jack美国官网:GAP旗下的高档童装品牌
2019/09/09 全球购物
Ever New美国:澳大利亚领先的女装时尚品牌
2019/11/28 全球购物
领导的自我鉴定
2013/12/28 职场文书
读书小明星事迹材料
2014/05/03 职场文书
企业法人授权委托书
2014/09/25 职场文书
教师个人自我评价
2015/03/04 职场文书
2016大学军训心得体会
2016/01/11 职场文书
2016计划生育先进个人事迹材料
2016/02/29 职场文书