uview + uni-app 开发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”
更多推荐
已为社区贡献5条内容
所有评论(0)