【Uni-App】uview 开发app,密码显示隐藏功能发布线上不生效

项目场景:

项目场景:使用uni-app加uview实现:app,H5,小程序三端项目开发

问题描述

登录功能密码小眼睛功能,u-input组件切换password属性(即 显示,隐藏密码)时,app不生效

APP 中接收数据代码:

<u-form-item prop="password" :borderBottom="false">
	<u-input :password-icon="true" :password="showP" class="input-box" v-model="formData.password" placeholder="请输入密码" border="none">
		<template slot="suffix">
			<u-icon size="16" @click="showPassword()" :name="showP?'eye-off':'eye-fill'"></u-icon>
		</template>
	</u-input>
</u-form-item>

原因分析:

uview源码中的设置是:password="password || type === ‘password’ || undefined"导致的

解决方案:

将源码中的:password="password || type === ‘password’ || undefined"修改为::password=“password || type === ‘password’ || false”

猜你喜欢

转载自blog.csdn.net/weixin_48200589/article/details/128287808