浏览器自动填充

input同时有多个
当input框的类型为type='password'，其上一个框为type='text'，浏览器会自动填充保存过的账户密码、解决自动填充有以下几种处理方法：

1、在浏览器端设置



2、给出一组假页面存储，必须在同一个Form表单中，让填充在无用的输入框中不在页面中显示

      <FormItem label="用户名：" prop="account" v-display=''none'>
        <Input
          @on-focus="focusHandler"
          type="tel"
          v-width="300"
          v-model="loginInfo.account"
          autocomplete="off"
          placeholder="请输入用户名"
        ></Input>
      </FormItem>
      <FormItem label="密码：" prop="password">
        <Input
          type="password"
          autocomplete="off"
          v-width="300"
          v-model="loginInfo.password"
          maxlength="20"
          placeholder="请输入密码"
        ></Input>
      </FormItem>


      <FormItem label="用户名：" prop="account"  v-display=''none'>
        <Input
          @on-focus="focusHandler"
          type="tel"
          v-width="300"
          v-model="loginInfo.account"
          autocomplete="off"
          placeholder="请输入用户名"
        ></Input>
      </FormItem>
      <FormItem label="密码：" prop="password">
        <Input
          type="password"
          autocomplete="off"
          v-width="300"
          v-model="loginInfo.password"
          maxlength="20"
          placeholder="请输入密码"
        ></Input>
      </FormItem>

3、改变password框上一个框的类型，聚焦时再改回text

<FormItem label="用户名：" prop="account" v-display=''none'>
        <Input
          @on-focus="focusHandler"
          type="tel"
          v-width="300"
          v-model="loginInfo.account"
          autocomplete="off"
          placeholder="请输入用户名"
        ></Input>
</FormItem>

const focusHandler = (e) => {

  e.target.type = 'text'

}

 4、给text和password之间再增加一个表单标签，浮动出页面之外

      <FormItem label="其他：" style="position: absolute; top: 999999px">

        <Input type="date" v-model="loginInfo.other"></Input>

      </FormItem>

 如果以上办法都不成功，还有最后一种办法

结合 2 和 4，添加一组数据，将此区块范围设为最小，透明度为0，放置在不起眼的角落，就可以成功带走浏览器回显的数据信息

        style="

          position: absolute;

          background-color: red;

          display: flex;

          top: 10px;

          opacity: 0;

        "