vue @change函数

1、获取组件信息 

<template>         

   <switch
      :checked="isUsed"
      @change="handleIsUsedChange" //或者@change="handleIsUsedChange($event)"
      color="#1890FF"  //修改switch顏色
   />

</template>
<script>
export default {
  data() {
    return {
      isUsed: 'true'
    }
  },
  methods: {
    handleIsUsedChange(val) {
      this.isUsed = val.detail.value  //true or false
    },
  }
}

 2、不传递组件信息，用来执行其它操作

@change="handleIsUsedChange()"

handleIsUsedChange(val) //val 取到的值undefined

3、获取组件信息，同时传递参数

@change="handleIsUsedChange($event, '参数')"

handleIsUsedChange(val, param)  //val.detail.value =》 ture or false   param=> 参数