码迷,mamicode.com
首页 > 其他好文 > 详细

elementui中switch开关的回调的使用

时间:2020-01-06 13:01:50      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:官网   vue   status   active   项目   tps   call   model   val   

需求

在做项目中,需要根据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开关的回调的使用

标签:官网   vue   status   active   项目   tps   call   model   val   

原文地址:https://www.cnblogs.com/my466879168/p/12155493.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!