# gg-switch 滑块开关

gg-switch

滑块开关,一般和表单配合使用,默认为实心白色背景。

script 中引用组件

若使用uni-app的 easycom 引入方式,则无需在script中重复引用

import ggSwitch from '@/components/gg-switch/gg-switch.vue'
export default {
    components: {ggSwitch}
}
1
2
3
4

template 中使用组件

 <gg-switch label="true|false" v-model="switch1" :tip="tip" />
1
  • type属性为switch的switch

# 属性说明

属性名 类型 默认值 说明
must Boolean false 是否必填
disabled Boolean false 是否禁止
label String - 字段名
v-model String - 数据双向绑定
labelWidth Number 60 字段区域宽度,上下排列无效
layout String row 排列方式['row','col']
tip String - 字段提示/说明

# 插件预览地址