實(shí)現(xiàn)功能：

創(chuàng)新互聯(lián)主營(yíng)扎魯特旗網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,app軟件定制開(kāi)發(fā),扎魯特旗h5小程序開(kāi)發(fā)搭建,扎魯特旗網(wǎng)站營(yíng)銷推廣歡迎扎魯特旗等地區(qū)企業(yè)咨詢

1.一周內(nèi)自動(dòng)登錄勾選時(shí)，將賬號(hào)和密碼保存到cookie，下次登陸自動(dòng)顯示到表單內(nèi)

2.點(diǎn)擊忘記密碼則清空之前保存到cookie的值，下次登陸需要手動(dòng)輸入

 次要的就不說(shuō)了直接上主要的代碼

html部分

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm loginFrom">
 <h2 >登陸</h2>
 <el-form-item >
  <el-input placeholder="賬號(hào)" v-model="ruleForm.userName"></el-input>
 </el-form-item>
 <el-form-item>
  <el-input type="password" v-model="ruleForm.password" placeholder="密碼"></el-input>
 </el-form-item>
 <div  class="clear">
  <span class="lf" >幫助</span>
  <div class="rt">
   <el-checkbox v-model="checked" >一周內(nèi)自動(dòng)登錄</el-checkbox>
   <span @click="clearCookie" >忘記密碼？</span>
  </div>
 </div>
 <el-button type="primary" @click="submitForm('ruleForm')" >登陸</el-button>
</el-form>

分享文章：vue項(xiàng)目實(shí)現(xiàn)表單登錄頁(yè)保存賬號(hào)和密碼到cookie功能-創(chuàng)新互聯(lián)
本文來(lái)源：http://chinadenli.net/article38/cdoppp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、品牌網(wǎng)站設(shè)計(jì)、定制網(wǎng)站、App開(kāi)發(fā)、網(wǎng)站設(shè)計(jì)、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)