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开关中显示文字问题

elementUI的Switch开关怎么绑定ajax请求来改变状态

elementUI开关状态

Flutter 单选开关Switch和复选框CheckBox

防止 on_active 回调中的活动状态更改

ReactNative: 使用开关组件Switch组件