更新记录

1.0.0(2019-12-25) 下载此版本

自定义switch


平台兼容性

uni-app 自定义switch

主要功能:

  1. 自定义按钮选项
  2. 指定默认选中
  3. 随时获取选择项

s-switch自定义属性说明

属性名 类型 默认值 说明
switchList Array [{key:0,value:'是'},{key:1,value:'否'}] switch选项
defaultValue Number 0 默认选中拿一项

可触发事件

事件名称 说明
switchValue 获取选中的值

使用示例

<template>
    <view style="margin-top: 40upx;margin-left: 80upx">
        <s-switch @switchValue="getSwitchValue" :defaultValue="1" :switchList="arr"></s-switch>
    </view>
</template>

<script>
import SSwitch from '@/components/uni-s-switch/uni-s-switch.vue'
export default {
    components: {
        SSwitch
    },
    data () {
        return {
            arr: [
                {
                    key: 0,
                    value: '是'
                },
                {
                    key: 1,
                    value: '否'
                }
            ]
        }
    },
    methods: {
        getSwitchValue (e) {
            console.log(e)
        }
    },
    created () {
    }
}
</script>

<style lang="scss" scoped>
</style>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问