<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        vue登錄頁面cookie的使用及頁面跳轉代碼

        來源:懂視網 責編:小采 時間:2020-11-27 21:53:44
        文檔

        vue登錄頁面cookie的使用及頁面跳轉代碼

        vue登錄頁面cookie的使用及頁面跳轉代碼:1、大概流程 a、登錄:前端使用validate對輸入信息進行驗證 驗證成功則成功跳轉到用戶信息頁并存儲cookie值 b、首頁跳轉用戶信息頁:判斷cookie值cookie存在并不為空則跳轉用戶信息頁,若為空則跳轉登錄頁 c、退出頁:點擊退出跳轉首頁并刪除cookie值
        推薦度:
        導讀vue登錄頁面cookie的使用及頁面跳轉代碼:1、大概流程 a、登錄:前端使用validate對輸入信息進行驗證 驗證成功則成功跳轉到用戶信息頁并存儲cookie值 b、首頁跳轉用戶信息頁:判斷cookie值cookie存在并不為空則跳轉用戶信息頁,若為空則跳轉登錄頁 c、退出頁:點擊退出跳轉首頁并刪除cookie值

        1、大概流程

         a、登錄:前端使用validate對輸入信息進行驗證 驗證成功則成功跳轉到用戶信息頁并存儲cookie值

         b、首頁跳轉用戶信息頁:判斷cookie值cookie存在并不為空則跳轉用戶信息頁,若為空則跳轉登錄頁

         c、退出頁:點擊退出跳轉首頁并刪除cookie值

        2、目錄介紹

        cookie.js為公共方法,用于cookie的存儲、獲取及刪除

        login.vue :登錄頁

        index.vue:首頁

        user.vue:用戶信息頁

        myinfo.vue:退出頁

        3、文件內容

        a、cookie.js

        /*用export把方法暴露出來*/
        /*設置cookie*/
        export function setCookie(c_name,value,expire) {
         var date=new Date()
         date.setSeconds(date.getSeconds()+expire)
         document.cookie=c_name+ "="+escape(value)+"; expires="+date.toGMTString()
         //console.log(document.cookie)
        }
        /*獲取cookie*/
        export function getCookie(c_name){
         if (document.cookie.length>0){
         let c_start=document.cookie.indexOf(c_name + "=")
         if (c_start!=-1){ 
         c_start=c_start + c_name.length+1 
         let c_end=document.cookie.indexOf(";",c_start)
         if (c_end==-1) c_end=document.cookie.length
         return unescape(document.cookie.substring(c_start,c_end))
         } 
         }
         return ""
        }
        /*刪除cookie*/
        export function delCookie(c_name){
         setCookie(c_name, "", -1)
        }

        b、login.vue

        methods:{
         submit(){
         setCookie('username',username,1000*60)
         axios.get('http://172.16.2.43:8080/static/data/mt_index.json').then((res)=>{ 
         this.$router.push({
         path: '/user', query:{userid: $("input[name='username']").val()}
         }); 
         //this.setuserid($("input[name='username']").val()); 
         }) 
         }
        }

        c、index.vue

        <div class="topheader">
         <span class="location fl">北京</span>
         <div class="search-box">
         <a href=""><input type="text"></a> 
         </div>
         <span class="mine" @click="jampmin">我的</span>
        </div>
        jampmin(){
         //獲取cookie值
         var username=getCookie('username');
         if(username==''||username=='undefind'){
         this.$router.push({
         path: '/login'
         });
         }else{
         this.$router.push({
         path: '/user'
         });
         } 
        } 

        d、myinfo.vue

         <p @click="signout()" class="signout">退出</p>
        signout(){
         /*刪除cookie*/
         delCookie('username');
         this.$router.push({
         path: '/index'
         });
        }

        總結

        以上所述是小編給大家介紹的vue登錄頁面cookie的使用及頁面跳轉代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
        如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        vue登錄頁面cookie的使用及頁面跳轉代碼

        vue登錄頁面cookie的使用及頁面跳轉代碼:1、大概流程 a、登錄:前端使用validate對輸入信息進行驗證 驗證成功則成功跳轉到用戶信息頁并存儲cookie值 b、首頁跳轉用戶信息頁:判斷cookie值cookie存在并不為空則跳轉用戶信息頁,若為空則跳轉登錄頁 c、退出頁:點擊退出跳轉首頁并刪除cookie值
        推薦度:
        標簽: 登錄 VUE cookie
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 日韩免费在线中文字幕| 97国产免费全部免费观看| 亚洲AV中文无码字幕色三| 日本在线高清免费爱做网站| 亚洲av中文无码字幕色不卡| 亚洲精品无码乱码成人| 免费做爰猛烈吃奶摸视频在线观看| 偷自拍亚洲视频在线观看99| 亚洲国产精品免费视频| 国产成人免费ā片在线观看| 在线观看免费播放av片| 亚洲国产AV无码一区二区三区| 亚洲日韩欧洲无码av夜夜摸| 成人免费视频试看120秒| 国产亚洲精品免费视频播放| 天天爽亚洲中文字幕| 亚洲日本va中文字幕久久| 精品国产一区二区三区免费看| 国产精品网站在线观看免费传媒| 亚洲女子高潮不断爆白浆| 亚洲∧v久久久无码精品| 四虎影视在线永久免费看黄| 四虎在线免费视频| 久久精品无码专区免费| 亚洲a∨国产av综合av下载| 久久亚洲精品无码aⅴ大香| 国产精品xxxx国产喷水亚洲国产精品无码久久一区 | 中文字幕版免费电影网站| 在线aⅴ亚洲中文字幕| 亚洲成人午夜在线| 狠狠亚洲婷婷综合色香五月排名| 成人午夜性A级毛片免费| 全部免费毛片在线播放| 中国一级特黄的片子免费| 真正全免费视频a毛片| 99热亚洲色精品国产88| 亚洲成人动漫在线观看| 麻豆亚洲AV永久无码精品久久| 精品亚洲视频在线观看| 又黄又爽一线毛片免费观看| 免费看国产精品3a黄的视频|