uni-app初体验(bug)-password警告[非最优解]

话不多说先上图

image.png

image.png

可以看到这个警告
Password field is not contained in a form

拿着这个报错上度娘各种search,基本上所有的方法都是要在input[type=password]外面包裹form标签
亲测:在uni-app里该方法无效
我猜测原因是因为在代码里form标签被解析成了uni-form标签,所以在dom结构里是没有form标签的,继而仍然会报错
下面是解决方案(非最优解,如果有最优解欢迎留言)

解决方案

  • 不使用input[type=password]
  • 使用input[type=text] + 样式 'text-security:disc' 组成密码状的输入框

代码如下

HTML

<view class="bindPhone-form-item">
    <input type="text" class="password" placeholder="请输入密码" v-model="password" placeholder-class="placeholderClass" @focus="clearError"/>
</view>

LESS

.password {
  /deep/.uni-input-input {
    -webkit-text-security: disc;
    text-security:disc;
  }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容