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>
</>



完整用例

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

 isEdit是指当前是否是修改!

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