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=> 参数

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐