更新记录
1.0.0(2020-04-17)
1.0.0 建立项目
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
通过 async-validator进行验证
- 加入了中文的报错提示
- 先 npm install async-validator
- 验证出现错误处理报错内容为 name + 错误
- [其他验证规则] (https://www.cnblogs.com/chenzxl/p/10879771.html)
<bf-validate :model="handleData" :rules="rules" ref="validator" />
handleData: {
images: [],
remark: ''
},
rules: {
images: { type: 'array', required: true, name: '照片' },
remark: { required: true, name: '备注' }
}
// 报错内容为 照片 为必填
handleSubmit() {
this.$refs.validator.validate()
.then(() => {
// 验证通过
// 其他的业务逻辑
})
.catch(err => {
// 如果有错误会toast出来错误 也会这样抛出来
})
}