vue具有多个主题的开/关切换组件 - vue-onoff-toggle

vue具有多个主题的开/关切换组件 - vue-onoff-toggle
插件名称 vue-onoff-toggle
发布时间 2020年10月27日
插件作者 devwiz1028

Vue.js的主题化,可自定义的开/关切换开​​关组件。

变更日志:

v1.1.0(12/10/2020)

  • 使用vue-sfc-rollup获得更好的导入和SSR支持。

安装和下载:

# Yarn
$ yarn add vue-onoff-toggle

# NPM
$ npm i vue-onoff-toggle

可用主题:

  • 默认
  • iOS

如何使用它:

1.导入寄存器组件。

import OnoffToggle from 'vue-onoff-toggle'
new Vue({
  components: {
    OnoffToggle
  },
  data() {
    return {
      checked: false // true
    }
  }
})

2.将切换开关组件添加到应用程序。

<onoff-toggle v-model="checked" />

3.可用的道具来配置拨动开关。

value: { type: Boolean, default: false },
theme: { type: String, default: 'default' },
name: { type: String },
disabled: { type: Boolean, default: false },
onColor: { type: String },
offColor: { type: String },
thumbColor: { type: String },
borderColor: { type: String },
width: { type: [Number, String] },
height: { type: [Number, String] },
margin: { type: [Number, String] }