custom-switch2 v1.0.2

custom-switch2

在两种状态间切换时使用的开关控件,切换会直接触发状态改变

安装

# npm
npm i custom-switch2

# cnpm
cnpm i custom-switch2

使用

全局引入(main.js)

import Vue from 'vue'
import CustomSwitch from 'custom-switch2'

Vue.component(CustomSwitch.name, CustomSwitch)

按需引入（xxx.vue）

<template>
  <custom-switch v-model="checked" @input="change"/>
</template>
import CustomSwitch from 'custom-switch2'

export default {
  data() {
    return {
      checked: false // 默认未选中
    }
  },

  components: {
    CustomSwitch
  },

  methods: {
    // 切换回调函数
    change(checked)  {
      console.log('checked=', checked)
    }
  }
}

API

事件

版本迭代记录