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 相关文章推荐
用roll.js实现的图片自动滚动+鼠标触动的特效
Mar 18 Javascript
js用图作提交按钮或超连接
Mar 26 Javascript
热点新闻滚动特效的js代码
Aug 17 Javascript
深入理解javascript原型链和继承
Sep 23 Javascript
jQuery unbind()方法实例详解
Jan 19 Javascript
关于javascript原型的修改与重写(覆盖)差别详解
Aug 31 Javascript
Jquery鼠标放上去显示全名的实现方法
Feb 06 Javascript
小程序实现留言板
Nov 02 Javascript
Vue中的nextTick作用和几个简单的使用场景
Jan 25 Vue.js
vue 组件基础知识总结
Jan 26 Vue.js
微信小程序用户授权最佳实践指南
May 08 Javascript
基于angular实现树形二级表格
Oct 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
第三节 定义一个类 [3]
2006/10/09 PHP
PHP在引号前面添加反斜杠(PHP去除反斜杠)
2013/09/28 PHP
ThinkPHP查询中的魔术方法简述
2014/06/25 PHP
PHP实现的无限分类类库定义与用法示例【基于thinkPHP】
2018/08/06 PHP
laravel框架中视图的基本使用方法分析
2019/11/23 PHP
jQuery 动画基础教程
2008/12/25 Javascript
获取dom元素那些讨厌的位置封装代码
2010/06/23 Javascript
location.href 在IE6中不跳转的解决方法与推荐使用代码
2010/07/08 Javascript
file模式访问网页时iframe高度自适应解决方案
2013/01/16 Javascript
jquery学习总结(超级详细)
2014/09/04 Javascript
JS实现无限级网页折叠菜单(类似树形菜单)效果代码
2015/09/17 Javascript
jQuery判断checkbox选中状态
2016/05/12 Javascript
关于Javascript回调函数的一个妙用
2016/08/29 Javascript
使用Bootstrap美化按钮实例代码(demo)
2017/02/03 Javascript
如何将你的AngularJS1.x应用迁移至React的方法
2018/02/01 Javascript
JavaScript满天星导航栏实现方法
2018/03/08 Javascript
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
2018/03/15 Javascript
VUE Error: getaddrinfo ENOTFOUND localhost
2018/05/03 Javascript
VUE2.0中Jsonp的使用方法
2018/05/22 Javascript
微信小程序遍历Echarts图表实现多个饼图
2019/04/25 Javascript
基于jQuery实现可编辑的表格
2019/12/11 jQuery
js实现select下拉框选择
2020/01/11 Javascript
python中xrange用法分析
2015/04/15 Python
Python cookbook(数据结构与算法)保存最后N个元素的方法
2018/02/13 Python
python 实现A*算法的示例代码
2018/08/13 Python
通过Turtle库在Python中绘制一个鼠年福鼠
2020/02/03 Python
Python sorted排序方法如何实现
2020/03/31 Python
opencv 图像腐蚀和图像膨胀的实现
2020/07/07 Python
英国厨房与餐具用品为主的设计品牌:Joseph Joseph
2018/04/26 全球购物
Hunkemöller西班牙:欧洲最大的内衣连锁店
2018/08/15 全球购物
Java面试题:为什么要用Java
2012/05/11 面试题
社区端午节活动方案
2014/01/28 职场文书
高三学习决心书
2014/03/11 职场文书
假期安全教育广播稿
2014/10/04 职场文书
Python编程根据字典列表相同键的值进行合并
2021/10/05 Python
英国数字版游戏销量周榜公布 《小缇娜的奇幻之地》登顶
2022/04/03 其他游戏