Vue Switches
made with Vuejs

Vue Switches

这是一个基于Vue.js简单的开关组件。

简介及使用教程

Vue Switches是一个简单的开关组件,基于Vue.js,支持bulma、bootstrap和自定义主题。

安装

Npm

npm i vue-switches

Yarn

yarn add vue-switches

使用

js

import Switches from 'vue-switches';

new Vue({

    components: {
        Switches
    },

    data () {
        return {
            enabled: false
        }
    }
};

html

<switches v-model="enabled"></switches>

Prop

Prop 描述
label 静态的标签,无论组件状态是开或关都会显示。
text-enabled 当未设置label,并且状态为开的时候显示的标签。
text-disabled 当未设置label,并且状态为关的时候显示的标签。
theme 使用的主题。
color 使用的颜色
type-bold 更大的样式
emit-on-mount 默认情况下,当挂载组件时会激发changed事件。如果要禁止,设置为false

image.png

作者

Drew Bartlett

相关项目

这是一个基于SVG的星级评分组件。
这是一个高度可定制的评级控制组件。
这是一个基于Vue的emoji图标反馈组件。
这是一个具有自动完成功能的简单下拉组件。
这是一个可以显示行内Markdown的Quasar UI应用扩展组件。
这是一个用于格式化和验证电话号码输入框组件。