首先眶诈,先了解火狐瀏覽器記住密碼的原理:
1涨醋、火狐瀏覽器的自動記住密碼是在監(jiān)控到登錄post請求?之后,從上往下逝撬,找到?最后?一個 type=“password” 的input浴骂,然后詢問你是否需要記住密碼。
2宪潮、火狐瀏覽器的密碼自動填充也是從上到下的溯警,尋找第一個type=“password”的input,將值填充進去狡相,不管這個input是否隱藏梯轻。
通過第一點我們知道,瀏覽器最終記住的是 最后一個 type="password"的值尽棕,所以喳挑,我們可以在這樣做:
? ? ? ? <!--post請求提交的密碼-->
? ? ? ? <el-form-item prop="truePass" label="密碼" label-width="25%" v-show="false">
? ? ? ? ? <el-input type="password" v-model="loginForm.password" clearable></el-input>
? ? ? ? </el-form-item>
? ? ? ? <!--瀏覽器記住的密碼-->
? ? ? ? <el-form-item prop="password" label="密碼" label-width="25%">
? ? ? ? ? <el-input type="password" v-model="password" clearable></el-input>
? ? ? ? </el-form-item>
將post請求需要用到的密碼框隱藏,新建一個密碼框用于保存瀏覽器記住的密碼滔悉。
? ? ? ? axios請求:
login:function() {
? ? ? ? ? this.loading = true;
? ? ? ? ? this.loginForm.password=md5(this.password);//對密碼進行MD5加密
? ? ? ? ? let params={
? ? ? ? ? ? "data": Object.assign({}, this.loginForm)
? ? ? ? ? }
? ? ? ? ?.........
}