直播軟體app開發,vue記住密碼功能
直播軟體app開發,vue記住密碼功能
記住密碼和賬號的功能由前端進行操作,而這種操作一般會用到本地儲存。當然,本地儲存的也不止密碼和賬號,還有是記住密碼框的狀態。
首先你需要封裝三個方法用來存取資料,(password,username是使用者密碼繫結的值,checked是記住密碼框的繫結值)
// 設定cookie setCookie (c_name, c_pwd, c_state, exdays) { const exdate = new Date() exdate.setTime(exdate.getTime() + 24 * 60 * 60 * 1000 * exdays) // 儲存的天數 window.document.cookie = 'username' + '=' + c_name + ';path=/;expires=' + exdate.toGMTString() window.document.cookie = 'password' + '=' + c_pwd + ';path=/;expires=' + exdate.toGMTString() window.document.cookie = 'state' + '=' + c_state + ';path=/;expires=' + exdate.toGMTString() }, // 讀取cookie getCookie () { if (document.cookie.length > 0) { const arr = document.cookie.split('; ') for (let i = 0; i < arr.length; i++) { const arr2 = arr[i].split('=') console.log(arr[2]) if (arr2[0] === 'username') { this.username = arr2[1] } else if (arr2[0] === 'password') { this.password = arr2[1] } else if (arr2[0] === 'state') { this.checked = Boolean(arr2[1]) } } } }, // 清除cookie clearCookie: function () { this.setCookie('', '', false, -1) }
然後,在你登入的時候判斷是否記住密碼並將密碼和賬號存在cookie中
// 判斷核取方塊是否被勾選 勾選則呼叫配置cookie方法 if (this.checked === true) { this.setCookie(this.username, this.password, true, 7) } else { this.clearCookie() }
最後在頁面掛載的時候呼叫cookie讀取方法即可
mounted () { this.getCookie() },
以上就是 直播軟體app開發,vue記住密碼功能,更多內容歡迎關注之後的文章
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2950663/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 直播app原始碼,登入時自動輸入密碼/自動記住密碼APP原始碼密碼
- 社交app開發功能,社交軟體開發功能,社交app,社交軟體。APP
- C# 實現記住密碼功能C#密碼
- 直播開發app,VUE圖片裁剪,打碼,旋轉功能APPVue
- 直播類app開發解決方案、直播app功能有哪些?-北京銳智互動軟體開發APP
- 直播軟體開發,隨機密碼生成器隨機密碼
- 開發直播app 軟體時iOS端廣告功能設定APPiOS
- 直播app系統原始碼,使用者登入後選擇記住密碼,下次自動填充密碼APP原始碼密碼
- Android-實現記住賬號密碼功能Android密碼
- 直播軟體app開發與相愛相殺的短影片如何共同穩住局面APP
- SharedPreferences實現記住密碼----自動登入功能密碼
- 直播平臺軟體開發,uni-app實現選項卡功能APP
- 教育直播APP系統原始碼,原生開發功能APP原始碼
- 直播軟體app開發,VUE解決錨點重新整理問題APPVue
- 夢幻線上教育軟體原始碼教育直播app開發功能完善個性化需求全量開發原始碼APP
- 直播開發app,MySQL8修改root密碼加密方式APPMySql密碼加密
- 直播系統原始碼,自動登入及記住密碼實現原始碼密碼
- 直播app系統原始碼,簡單的登入介面(登入、註冊、記住密碼等按鍵)APP原始碼密碼
- 直播APP原始碼系統家族功能開發介紹APP原始碼
- 購物直播系統開發,APP開發(功能)APP
- 直播軟體搭建,vue 複製剪下板功能Vue
- 直播app開發搭建,vue使用js-file-download完成匯出功能APPVueJS
- 誰不想利用直播軟體app開發的賺錢功能實現財富自由呢?APP
- 直播購物軟體開發系統原始碼現成模板開發快捷定製功能原始碼
- 區塊鏈社交直播軟體開發app,IM聊天系統開發區塊鏈APP
- 直播軟體app開發,刪除主頁搜尋框APP
- SSH 遠端登入「記住密碼」密碼
- 直播app開發搭建,js進度條功能APPJS
- 直播軟體app開發,flutter 驗證碼輸入框的簡單封裝APPFlutter封裝
- 在直播APP製作時如何設定直播軟體聊天發言部分可見的功能APP
- vue中使用cookies和crypto-js實現記住密碼和加密VueCookieJS密碼加密
- 教育類APP,直播教育系統,教育原始碼原生開發功能APP原始碼
- 夢幻直播商城軟體原始碼帶貨,移動商城定製開發功能原始碼
- 智慧醫院APP開發需要具備哪些軟體功能?APP
- 軟體開發:app軟體開發,pc端軟體開發,微商城/小程式開發APP
- 想學好直播原始碼的開發,要先記住這兩大重點原始碼
- 直播APP系統開發應該有哪些功能,如何開發?APP
- 量化現貨合約跟單社群app軟體開發原始碼功能介紹APP原始碼