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

更新时间：2017年09月30日 07:50:04 作者：蓓蕾心晴

下面小编就为大家带来一篇iview给radio按钮组件加点击事件的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

如下所示：

<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按钮组件加点击事件的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

vue-devtools的安装与使用教程
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率，这篇文章主要介绍了vue-devtools的安装与使用教程,需要的朋友可以参考下
2023-03-03
图文详解Element-UI中自定义修改el-table样式
elementUI提供的组件间距、样式都比较大,如果直接套用,在页面显示可能就会显得很大,就比如表格,表头、行宽如果不修改的话,遇到列较多的时候,会显得整个页面就不好看,下面这篇文章主要给大家介绍了关于Element-UI中自定义修改el-table样式的相关资料,需要的朋友可以参考下
2022-08-08
Vue自定义事件(详解)
下面小编就为大家带来一篇Vue自定义事件(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-08-08
浅谈el-table中使用虚拟列表对对表格进行优化
我们会经常使用表格，如果数据量大就直接可以分页，如果多条可能会影响表格的卡顿，那么应该如何进行优化，感兴趣的可以了解一下
2021-08-08
vue如何实现observer和watcher源码解析
这篇文章主要为大家详细介绍了vue如何实现observer和watcher源码的相关资料，分析vue的observe实现源码，聊聊如何一步一步实现$watch，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-03-03
vue.js动态修改background-image问题
这篇文章主要介绍了vue.js动态修改background-image问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-08-08
Vue3学习之表单的使用示例详解
这篇文章主要为大家详细介绍了Vue3中表单的使用的相关知识，文中的示例代码讲解详细，对我们掌握Vue3有一定的帮助，感兴趣的小伙伴可以跟随小编一起学习一下
2022-12-12
vite搭建vue2项目的实战过程
自从体验了一下vite之后,真的太快了,然而对vue3还不是很熟练,就想着在vue2的项目中使用以下vite,下面这篇文章主要给大家介绍了关于vite搭建vue2项目的相关资料,需要的朋友可以参考下
2022-11-11
Vue组件如何设置Props实例详解
props主要用于组件的传值,他的工作就是为了接收外面传过来的数据,与data、el、ref是一个级别的配置项,下面这篇文章主要给大家介绍了关于Vue组件如何设置Props的相关资料,需要的朋友可以参考下
2022-06-06
Vue单页应用引用单独的样式文件的两种方式
这篇文章给大家介绍Vue单页应用如何引用单独的样式文件，本文以css文件为例，通过两种方式给大家介绍的非常详细，需要的朋友参考下吧
2018-03-03