input浏览器自动填充解决，input填充后el-date-picker自动触发出现解决

在开发过程中遇到了浏览器自动填充账号密码问题，以下是解决方法

在input类型type 为 password的input框

加上：

①

auto-complete="new-password"
autocomplete="new-password"

或者：

②

auto-complete="new-password"
autocomplete="off"

在开发环境中只写上auto-complete="new-password" autocomplete="off"是有效的

但在部署环境中还达不到禁止自动填充功能

如果你本页面有很多input类型type 为 password，那就在本页面的最外层div里加上下面这行

如果只有一中就在input类型type 为 password的input框前面加上下面这行，请看示例：

<input type="password" style="display: none" />

示例：

<input type="password" style="display: none" />
<input type="password" v-model="userPassword" />

这两种搭配在一起，在部署环境中就有效，浏览器input自动填充完美解决！！！

下面是input填充后el-date-picker自动触发出现解决，请看图出现的问题

 密码填充之后，最后一个的el-date-picker居然被填充上了账号名还弹出日历框，真的是无语！！！！！

首先把我刚刚在上面写的禁止自动填充的方法全写上

然后看下列代码：

<div>
    <input type="password" style="display: none" />
    <el-date-picker
        class="edit_profile_content_item_date"
        v-model="birthday"
        type="date"
        placeholder="选择日期"
    >
    </el-date-picker>
    // isEditPassword修改密码弹窗，isSetPassword设置密码弹窗
    // isEditPassword和isSetPassword都没出现时，则给他禁止输入，不然的话在日期选择器后面会有一个            灵异的看不见的输入框有光标
    // isEditPassword或者isSetPassword出现时可以输入，就是可以赋值，但是呢因为opacity:0，所以是看不到值的就能避免给el-date-picker赋值，出现上面那张图的尴尬啦
    <input
        class="edit_profile_content_item_input"
        style="width:200px;opacity:0"
        :disabled="!isEditPassword && !isSetPassword"
        auto-complete="new-password"
        autocomplete="new-password"
    />
</div>

以上就是我解决inpy在浏览器自动填充问题的解决，希望能帮到你

如果你还有更好的方法，欢迎指点！