switch调函数 vue_浅谈ElementUI中switch回调函数change的参数问题

本文探讨了在Element UI中如何处理Switch组件change事件的回调函数参数问题,重点介绍了如何在change回调中除了状态值外传递额外数据。通过实例演示,解决了官方文档描述中的参数传递难题,适合Vue开发者参考。
摘要由CSDN通过智能技术生成

v-model="value1"

@change='changeStatus($event,1)'>

v-model="value2"

@change='changeStatus($event,2)'>

var vm = new Vue({

el: "#app",

data: {

value1: true,

value2: false

},

methods: {

change: function($event,num){

console.log($event);

console.log(num);

}

}

})

拓展知识:基于element-ui(vue版)使用switch时change回调函数中的形参传值问题

需求说明

有多个switch组件

需要知道switch的状态

表格中当前行(scope.row)的数据

问题描述

官方文档中对switch中change的描述:

目前能得到switch的状态值,但是无法得到change回调中第二个形参的值

解决方法:

change回调函数默认形参的实参是$event,其它的实参传自己需要的数据就ok

以上这篇浅谈ElementUI中switch回调函数change的参数问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值