美文网首页
uni-app初体验(bug)-password警告[非最优解]

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

作者: 尚有 | 来源:发表于2023-03-16 18:18 被阅读0次

    话不多说先上图

    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;
      }
    }
    

    相关文章

      网友评论

          本文标题:uni-app初体验(bug)-password警告[非最优解]

          本文链接:https://www.haomeiwen.com/subject/vbrdrdtx.html