Element-UI--@change回调函数参数用法原文地址:Element-UI--_IT刀锋博客@change回调函数参数用法-CSDN博客
简介
说明
本文介绍Element-UI的el-switch的@change回调函数的参数用法。
需要
两个switch组件,使用相同的回调函数。当开关组件的状态发生变化时,您需要了解其当前的开关状态。您需要知道当前是哪个交换机。问题:不传递参数时只能知道开关状态
switch事件官方文档说明
事件名称描述状态改变时回调参数changeswitch回调函数新状态值代码
模板divel-switchv-model='value1'@change='changeStatus'/el-switch/div/templatescriptexport默认{name:'Demo',data(){return{value1:false}},methods:{changeStatus(状态){console.log('event')console.log(status)}}}/scriptstyle范围/样式
测试
解决方案:传递$event和其他参数
$event将包含开关状态的值,可以将其用作参数。可以指定附加参数。
模板divel-switchv-model='value1'@change='changeStatus($event,1)'/el-switch/div/templatescriptexport默认{name:'Demo',data(){return{value1:false}},methods:{changeStatus($event,switchNum){console.log('event')console.log($event)console.log('序列号')console.log(switchNum)}}}/scriptstyle范围/样式
测试
其他网址
ElementUI_fool_dawei的博客-CSDN博客中switch回调函数更改参数问题
本文主要介绍Linux中用于终止进程的kill、pikill和killall命令的用法。是入门学习Linux的基础知识。有需要的朋友可以参考一下.16-01-1…
手表和电脑的区别大家好,我是帅哥。今天我就来告诉大家手表和电脑的区别。我们直接开始吧。功能上:compute是计算属性,watch是监听某个值的变化,然后执行相…
React功能组件在父子之间传递值并调用方法。一.前言React作为前端语言,具有独特的灵活性,这也是它的魅力所在。前端组件化也将整个前端划分为组件。本期我们讲…
dhtmlx甘特图常用方法及基本配置集合甘特图基本配置甘特图扩展功能gantt.plugins({tooltip:true,Quick_info:true,//…
vue监听滚动条页面滚动动画。以页面底部的“返回顶部”功能为例。实现滚动动画的思路是,点击按钮时获取当前滚动条位置,调用定时器函数,每隔一个时间间隔滚动滚动条。…
2024-10-23 06:15:33
2024-10-23 04:24:04
2024-10-23 02:33:07
2024-10-23 01:01:19
2024-10-22 23:06:05
大家好,今天小编关注到一个比较有意思的话题,就是关于电脑培训班结课讲话的问题,于…
大家好,今天小编关注到一个比较有意思的话题,就是关于温州海员培训班学校的问题,于…