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 相关文章推荐
JavaScript表单通过正则表达式验证电话号码
Mar 14 Javascript
JavaScript数组去重的3种方法和代码实例
Jul 01 Javascript
jquery带下拉菜单和焦点图代码分享
Aug 24 Javascript
jQuery实现商品活动倒计时
Oct 16 Javascript
js实现HashTable(哈希表)的实例分析
Nov 21 Javascript
JavaScript判断浏览器及其版本信息
Jan 20 Javascript
从零开始做一个pagination分页组件
Mar 15 Javascript
JavaScript数据结构之链表的实现
Mar 19 Javascript
layui选项卡效果实现代码
May 19 Javascript
webstorm中vue语法的支持详解
May 09 Javascript
javascript实现简易的计算器
Jan 17 Javascript
JavaScript 接口原理与用法实例详解
May 12 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 页面编码声明方法详解(header或meta)
2010/03/12 PHP
采用header定义为文件然后readfile下载(隐藏下载地址)
2014/01/31 PHP
PHP开发框架laravel安装与配置教程
2015/03/13 PHP
php查询内存信息操作示例
2019/05/09 PHP
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
2013/03/24 Javascript
Javascript 鼠标移动上去小三角形滑块缓慢跟随效果
2013/04/26 Javascript
jquery html动态生成select标签出问题的解决方法
2013/11/20 Javascript
js实现单行文本向上滚动效果实例代码
2013/11/28 Javascript
JS(JQuery)操作Array的相关方法介绍
2014/02/11 Javascript
JQuery解析XML的方法小结
2016/04/02 Javascript
基于JS实现EOS隐藏错误提示层代码
2016/04/25 Javascript
一览画面点击复选框后获取多个id值的方法
2016/05/30 Javascript
JS高级运动实例分析
2016/12/20 Javascript
微信小程序 Tab页切换更新数据
2017/01/05 Javascript
JavaScript 动态三角函数实例详解
2017/01/08 Javascript
深入对Vue.js $watch方法的理解
2017/03/20 Javascript
详解如何在vue中使用sass
2017/06/21 Javascript
从零开始搭建vue移动端项目到上线的步骤
2018/10/15 Javascript
手把手15分钟搭一个企业级脚手架
2019/09/16 Javascript
Node.js中console.log()输出彩色字体的方法示例
2019/12/01 Javascript
Vue-axios-post数据后端接不到问题解决
2020/01/09 Javascript
vue css 引入asstes中的图片无法显示的四种解决方法
2020/03/16 Javascript
Python Web框架Flask中使用七牛云存储实例
2015/02/08 Python
Python读写配置文件的方法
2015/06/03 Python
python字符串编码识别模块chardet简单应用
2015/06/15 Python
Python中的os.path路径模块中的操作方法总结
2016/07/07 Python
13个最常用的Python深度学习库介绍
2017/10/28 Python
python GUI实例学习
2017/11/21 Python
Python Pexpect库的简单使用方法
2019/01/29 Python
python flask安装和命令详解
2019/04/02 Python
使用python制作一个为hex文件增加版本号的脚本实例
2019/06/12 Python
香港最新科技与优质家居产品购物网站:J SELECT
2018/08/21 全球购物
会计岗位职责
2013/11/08 职场文书
环保倡议书400字
2014/05/15 职场文书
申报材料格式
2014/12/30 职场文书
如何用JavaScript检测当前浏览器是无头浏览器
2021/04/27 Javascript