更新记录
1.0.0(2019-12-25)
下载此版本
自定义switch
平台兼容性
uni-app 自定义switch
主要功能:
- 自定义按钮选项
- 指定默认选中
- 随时获取选择项
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>