更新记录
1.0.4(2022-11-25)
下载此版本
优化组件
1.0.3(2022-11-25)
下载此版本
优化代码
1.0.2(2022-11-25)
下载此版本
更新属性说明
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 app-vue app-nvue |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
√ |
√ |
√ |
√ |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
z-single-selection
使用
<z-single-selection title="你平时喝咖啡吗?" :list="list" v-model="value" @submitted="submitted"></z-single-selection>
import {reactive} from 'vue'
const list = [
{
value: 0,
name: '没有'
},
{
value: 1,
name: '偶尔'
},
{
value: 2,
name: '经常'
},
{
value: 3,
name: '当水喝'
}
]
const value = reactive({
name: '',
value: 0
})
const submitted = () => {
}
属性说明
属性名 |
是否必须 |
类型 |
默认值 |
说明 |
title |
否 |
String |
- |
主标题 |
list |
否 |
Array |
- |
选项列表 |
v-model |
否 |
Object |
- |
当前选项 |
disabled |
否 |
Boolean |
false |
是否禁用 |
required |
否 |
Boolean |
true |
是否必须 , |
show |
否 |
Boolean |
false |
显示错误边框 , |
方法