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 相关文章推荐
关于Jqzoom的使用心得 jquery放大镜效果插件
Apr 12 Javascript
分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
Sep 21 Javascript
JavaScript之编码规范 推荐
May 23 Javascript
jquery中html、val与text三者属性取值的联系与区别介绍
Dec 29 Javascript
jquery图片滚动放大代码分享(2)
Aug 28 Javascript
解决jQuery使用JSONP时产生的错误
Dec 02 Javascript
jquery编写Tab选项卡滚动导航切换特效
Jul 17 Javascript
基于Bootstrap 3 JQuery及RegExp的表单验证功能
Feb 16 Javascript
正则 js分转元带千分符号详解
Mar 08 Javascript
vue 组件 全局注册和局部注册的实现
Feb 28 Javascript
详解easyui 切换主题皮肤
Apr 04 Javascript
更优雅的微信小程序骨架屏实现详解
Aug 07 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基础学习之流程控制的实现分析
2013/04/28 PHP
WordPress中Gravatar头像缓存到本地及相关优化的技巧
2015/12/19 PHP
通过JS 获取Mouse Position(鼠标坐标)的代码
2009/09/21 Javascript
Javscript调用iframe框架页面中函数的方法
2014/11/01 Javascript
clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切
2015/10/10 Javascript
JavaScript+html5 canvas实现本地截图教程
2020/04/16 Javascript
JS中常用的输出方式(五种)
2016/06/12 Javascript
在Mac OS上安装使用Node.js的项目自动化构建工具Gulp
2016/06/18 Javascript
JS对大量数据进行多重过滤的方法
2016/11/04 Javascript
Javascript 实现计算器时间功能详解及实例(二)
2017/01/08 Javascript
VUE axios发送跨域请求需要注意的问题
2017/07/06 Javascript
详解require.js配置路径的用法和css的引入
2017/09/06 Javascript
Node.js自定义实现文件路由功能
2017/09/22 Javascript
jQuery实现的简单前端搜索功能示例
2017/10/28 jQuery
Vue多系统切换实现方案
2018/06/05 Javascript
详解处理bootstrap4不支持远程静态框问题
2018/07/20 Javascript
elementUI select组件value值注意事项详解
2019/05/29 Javascript
vue项目部署到nginx/tomcat服务器的实现
2019/08/26 Javascript
微信小程序基于movable-view实现滑动删除效果
2020/01/08 Javascript
python中反射用法实例
2015/03/27 Python
Python实现将一个正整数分解质因数的方法分析
2017/12/14 Python
Python使用pickle模块储存对象操作示例
2018/08/15 Python
Python发送邮件测试报告操作实例详解
2018/12/08 Python
python 用所有标点符号分隔句子的示例
2019/07/15 Python
基于Html5实现的react拖拽排序组件示例
2018/08/13 HTML / CSS
英国当代时尚和街头服饰店:18montrose
2018/12/15 全球购物
大学生毕业的自我鉴定
2013/11/13 职场文书
实习生自我鉴定范文
2013/12/05 职场文书
综合内勤岗位职责
2014/04/14 职场文书
优秀安全员事迹材料
2014/05/11 职场文书
工伤事故赔偿协议书范文
2014/09/24 职场文书
2014年党的群众路线教育实践活动整改措施(个人版)
2014/09/25 职场文书
幼儿园教研工作总结2015
2015/05/12 职场文书
新店开张宣传语
2015/07/13 职场文书
mysql如何能有效防止删库跑路
2021/10/05 MySQL
PostgreSQL逻辑复制解密原理解析
2022/09/23 PostgreSQL