vue項(xiàng)目實(shí)現(xiàn)表單登錄頁保存賬號和密碼到cookie功能-創(chuàng)新互聯(lián)

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

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

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

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

 次要的就不說了直接上主要的代碼

html部分

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm loginFrom">
 <h2 >登陸</h2>
 <el-form-item >
  <el-input placeholder="賬號" 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)自動登錄</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)表單登錄頁保存賬號和密碼到cookie功能-創(chuàng)新互聯(lián)
本文來源:http://muchs.cn/article38/cdoppp.html

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

廣告

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

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司