antd 处理浏览器自动填充密码问题


antd在处理浏览器自动填充的问题时候,加input属性autocomplete = off或者autocomplete =‘new-password’并不能解决问题

网上有一种解决方案比较靠谱:就是state加当前密码框的属性,点击表单之后再去修改属性值为password. 感觉比较复杂!

其实:一行代码就可以解决.

<>
  <Input style={{ height: '0px', width: '0px', overflow: 'hidden', padding: '0px', border: 'none', position: 'absolute' }} maxLength={11} />
    <FormItem label="登录密码" {...this.formLayout}>
      {getFieldDecorator('password', {
        rules: [
          {
            required: true,
            message: '请输入登录密码',
          },
        ],
        initialValue: '000000',
      })(<Input.Password password placeholder="请输入" style={{ width: '100%' }} />)}
  </FormItem>
</>

完整用例

 isEdit是指当前是否是修改!

其实就是欺骗浏览器.哈哈哈哈哈!!!!


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM