最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue中cookies的使用方式

 更新時(shí)間:2024年08月31日 08:44:34   作者:芒果沙冰喲  
這篇文章主要介紹了vue中cookies的使用方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

vue中cookies的使用

有時(shí)候做登錄時(shí)會(huì)有一個(gè)記住密碼的需求,這個(gè)時(shí)候可以使用cookies把賬號(hào)密碼存起來(lái),下次再進(jìn)來(lái)就免去了輸入賬號(hào)密碼的需求,

  • 如圖:

原生cookies操作比較麻煩

這里我們使用js-cookies,先下載:

npm install --save js-cookie

安裝成功后在需要的地方進(jìn)行調(diào)用:

import Cookies from "js-cookie";

先看看在data中定義的表單數(shù)據(jù):

  data() {
      return {
        //登錄表單
        loginForm: {
          username: "", //用戶名
          password: "", //密碼
          captcha: "", //驗(yàn)證碼的值
          isRemember: false, //是否記住密碼
        },
      }
    },

寫在methods中的函數(shù):

 created() {
      //一進(jìn)頁(yè)面就先獲取cookies里面的參數(shù)
      this.getCookie()
    },
    methods: {
      // 獲取cookie參數(shù)
      getCookie() {
        const username = Cookies.get("username");
        const password = Cookies.get("password");
        const isRemember = Cookies.get("isRemember");
        this.loginForm.username =
          username == undefined ? this.loginForm.username : username;
        this.loginForm.password =
          password == undefined ? this.loginForm.password : decrypt(password);
        this.loginForm.isRemember =
          isRemember == undefined ? false : Boolean(isRemember);
        Cookies.remove('data');
      },
    },
    onLogin() {
      //點(diǎn)擊登錄函數(shù)時(shí),如果勾選記住密碼
      if (this.loginForm.isRemember) {
        // 把賬號(hào)密碼等參數(shù)存到cookies,設(shè)置時(shí)間為30天
        Cookies.set("username", this.loginForm.username, {
          expires: 30,
        });
        Cookies.set("password", this.loginForm.password, {
          expires: 30,
        });
        Cookies.set("isRemember", this.loginForm.isRemember, {
          expires: 30,
        });
      } else {
        //如果此時(shí)沒(méi)有勾選記住密碼,就把cookies里面的參數(shù)移除
        Cookies.remove("username");
        Cookies.remove("password");
        Cookies.remove("isRemember");
      }
      //把登錄名和用戶名存好后,開(kāi)始發(fā)接口請(qǐng)求數(shù)據(jù),此處省略....
    },

cookies的使用方式:儲(chǔ)存、獲取、刪除三種

  • 存:
Cookies.set('userName', '嘻嘻嘻', { expires: 3 });
  • ?。?/strong>
JSON.parse(Cookies.get('userName'))
  • 刪:
Cookies.remove('userName')

總結(jié)

大功告成,完結(jié)~

以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論

泸溪县| 沅陵县| 焦作市| 浦城县| 黔南| 锡林浩特市| 会宁县| 富顺县| 五指山市| 乌兰察布市| 武陟县| 义乌市| 修武县| 无锡市| 瑞安市| 定兴县| 建水县| 喀喇| 凤山县| 浦东新区| 长沙县| 潍坊市| 哈巴河县| 绵竹市| 吕梁市| 宜良县| 佳木斯市| 五家渠市| 长沙县| 洛川县| 南安市| 新源县| 新泰市| 尼玛县| 和静县| 龙南县| 广东省| 兴业县| 子长县| 河间市| 都昌县|