vue项目中解决谷歌浏览器默认填充账号密码问题

谷歌浏览器第一次登录保存账号密码之后，后续在碰到需要输入账号密码时，浏览器会默认填充账号密码。
项目是vue + element-ui搭建的后台管理系统，不想要账号密码默认填充的效果该怎么办呢？
直接上代码：

 <el-form-item label="账户用户名" :label-width="formLabelWidth" class="inputOnly labelMust">
       <el-input v-model="dataOrigin.accounts"
                 :maxlength="50"
                 clearable
                 auto-complete="new-accounts"
                 size="small"
                 :disabled="checkDisable"
                 @blur="checkAccounts">
       </el-input>
       <div class="f12 w100p h20 lh20 pos-abs" style="color: #f00; bottom: -20px">
           {{ formAlarmText.accounts }}
       </div>
</el-form-item>

<el-form-item label="账户密码" :label-width="formLabelWidth" class=" labelMust">
      <el-input
          v-model="dataOrigin.password"
          :maxlength="20"
          clearable
          auto-complete="new-password"
          size="small"
          type="password"
          :disabled="checkDisable"
          @blur="checkPassword">
     </el-input>
	<div class="f12 w100p h20 lh20 pos-abs" style="color: #f00; bottom: -20px">
        {{ formAlarmText.password }}
	</div>
</el-form-item>

划重点：

auto-complete=“new-password”

加上之后便不再自动填充账号密码了~