阻止表单用户名密码自动填充

方法1 谷歌浏览器无效
保持同一Id即可，但是只有一个表单项有name属性，这样可以保证后台取值正常。
同时适用于手机浏览器。

 <a-form-item
          :label-col="formItemLayout.labelCol"
          :wrapper-col="formItemLayout.wrapperCol"
          label="用户名"
        >
          <a-input
           type="text" id="LoginId" style="display:none;"
            v-decorator="[
              'username',
              {initialValue:objform.username,
              rules: [{ required: true, message: '请输入用户名' }],
              }
            ]"
          />
   </a-form-item>
 <a-form-item
          :label-col="formItemLayout.labelCol"
          :wrapper-col="formItemLayout.wrapperCol"
          label="用户名"
        >
  <a-input
        id="LoginId" name="LoginId" type="text"
            v-decorator="[
              'username',
              {initialValue:objform.username,
              rules: [{ required: true, message: '请输入用户名' }],
              }
            ]"
          />
   </a-form-item>
 <a-form-item
          :label-col="formItemLayout.labelCol"
          :wrapper-col="formItemLayout.wrapperCol"
          label="用户名"
        >
<a-input
      type="text" id="LoginId" style="display:none;"
            v-decorator="[
              'username',
              {initialValue:objform.username,
              rules: [{ required: true, message: '请输入用户名' }],
              }
            ]"
          />

        </a-form-item>
 <a-form-item
          :label-col="formItemLayout.labelCol"
          :wrapper-col="formItemLayout.wrapperCol"
          label="用户密码"
        >
<a-input
     type="password" id="Pwd" style="display:none;"
            v-decorator="[
              'password',
              {initialValue:objform.password,
              rules: [{ required: true, message: '请输入用户名' }],
              }
            ]"
          />


  </a-form-item>
 <a-form-item
          :label-col="formItemLayout.labelCol"
          :wrapper-col="formItemLayout.wrapperCol"
          label="用户密码"
        >
<a-input
   id="Pwd" name="Pwd" type="password" 
            v-decorator="[
              'password',
              {initialValue:objform.password,
              rules: [{ required: true, message: '请输入用户名' }],
              }
            ]"
          />


  </a-form-item>

方法2 在项目上测试 有效 只在密码这里改了一下就能用户名密码都不在自动填充

 <a-form-item
          :label-col="formItemLayout.labelCol"
          :wrapper-col="formItemLayout.wrapperCol"
          label="用户密码"
        >
          <a-input
            class="form-control"
            type="password"
            name="tradePassword"
            id="txPassword"
            autocomplete="new-password"
            v-decorator="[
              'password',
              {initialValue:objform.password,
               rules: [{
                 required: true, message: '请输入你的密码!',
               }, {
                 validator: validateToNextPassword,
               }],
              }
            ]"
          />
        </a-form-item>