elementui中switch开关的回调的使用
Posted my466879168
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了elementui中switch开关的回调的使用相关的知识,希望对你有一定的参考价值。
需求
在做项目中,需要根据switch开关的状态来判断是否在前台显示,需要知道当前开关的状态,需要知道是哪一个具体的公司
根据官网的描述写的话可以满足知道目前的开关状态,但是不知道是哪一个具体的公司
<el-switch
v-model="scope.row.is_show"
:active-value="1"
:inactive-value="0"
active-text
inactive-text
@change='changeStatus'
>
</el-switch>
changeStatus(callback){
console.log(callback)// 0 1 0 1 0 1 状态可以获取到
}
再继续增加一个参数就可以解决 其中$event就是当前的状态,,而scope.row.company_id就是自定义的参数公司的id
<el-switch
v-model="scope.row.is_show"
:active-value="1"
:inactive-value="0"
active-text
inactive-text
@change='changeStatus($event,scope.row.company_id)'
>
</el-switch>
changeStatus($event,num){
console.log($event)//0 1 0 1
console.log(num)// 122642 122660
}
完美解决问题
以上是关于elementui中switch开关的回调的使用的主要内容,如果未能解决你的问题,请参考以下文章
elementUI的Switch开关怎么绑定ajax请求来改变状态