h***@163.com
h***@163.com
  • 发布:2023-08-18 17:01
  • 更新:2023-08-18 17:01
  • 阅读:211

uview-plus:开发H5,应用u-form||u--form在安卓钉钉里面打开,必现 链接服务器超时,点击屏幕重试

分类:HTML5+
vue3 应用u-form||u--form在安卓钉钉里面打开,必现 链接服务器超时,点击屏幕重试 官方代码: <template> <view> <!-- 注意,如果需要兼容微信小程序,最好通过setRules方法设置rules规则 --> <u-form labelPosition="left" model="model1" rules="rules" ref="form1"
>
<u-form-item
label="姓名"
prop="userInfo.name"
borderBottom
ref="item1"
>
<u--input
v-model="model1.userInfo.name"
border="none"
></u--input>
</u-form-item>
<u-form-item
label="性别"
prop="userInfo.sex"
borderBottom
@click="showSex = true; hideKeyboard()"
ref="item1"
>
<u--input
v-model="model1.userInfo.sex"
disabled
disabledColor="#ffffff"
placeholder="请选择性别"
border="none"
></u--input>
<template #right>
<u-icon
name="arrow-right"
></u-icon>
</template>
</u-form-item>
</u-form>
<u-action-sheet show="showSex" actions="actions" title="请选择性别"
description="如果选择保密会报错"
@close="showSex = false"
@select="sexSelect"
>
</u-action-sheet>
</view>
</template>

<script>
export default {
data() {
return {
showSex: false,
model1: {
userInfo: {
name: 'uview-plus UI',
sex: '',
},
},
actions: [{
name: '男',
},
{
name: '女',
},
{
name: '保密',
},
],
rules: {
'userInfo.name': {
type: 'string',
required: true,
message: '请填写姓名',
trigger: ['blur', 'change']
},
'userInfo.sex': {
type: 'string',
max: 1,
required: true,
message: '请选择男或女',
trigger: ['blur', 'change']
},
},
radio: '',
switchVal: false
};
},
methods: {
sexSelect(e) {
this.model1.userInfo.sex = e.name
this.$refs.form1.validateField('userInfo.sex')
},
},
};
</script>

2023-08-18 17:01 负责人:无 分享
已邀请:

要回复问题请先登录注册