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

vue通過獲取url中的信息登錄頁面的代碼詳解

 更新時間:2024年02月20日 09:41:16   作者:Mr.ZYG  
這篇文章主要給大家介紹了vue通過獲取url中的信息登錄頁面的方法,文中通過代碼示例給大家介紹的非常詳細(xì),具有一定的參考價值,需要的朋友可以參考下

在主界面獲取到url的信息  html

<script>
 
  let getRequest = function () {
    var url = location.href
    // 從 URL 中提取查詢參數(shù)部分
    const queryParamsString = url.split('?')[1];
    // 使用 URLSearchParams 解析查詢參數(shù)
    const queryParams = new URLSearchParams(queryParamsString);
    // 獲取特定參數(shù)的值
    const userName = queryParams.get('userName');
    const loginMode = queryParams.get('loginMode');
    localStorage.setItem("userName",userName)
    localStorage.setItem("loginMode",loginMode)
  }
 
  getRequest()
</script>

將存儲到localStorage中的信息發(fā)生請求   vue

  created() {
    this.loginInfo.userAcct = localStorage.getItem("userName") || "";
    this.loginInfo.loginMode = localStorage.getItem("loginMode") || "";
    if (this.loginInfo.userAcct !== "" && this.loginInfo.loginMode !== "") {
          // 直接在localstroage獲取的信息 調(diào)用登錄接口
        $login(this.loginInfo)
        .then((res) => {
          this.handleLoginInfo(res);
        })
        .catch((err) => {
          console.log(err);
        });
    }
    // this.getCode();
    // this.getSecretKey();
    // this.getRemInfo();
    this.enterEvent(); // 回車鍵登錄
  },
    handleLoginInfo(res) {
      if (res.code === 200) {
        this.$message.success("登錄成功!");
        //儲存token,賬號,密碼
        this.$store.commit("set_token", res.data.token);
        this.$store.commit("set_userAcct", this.loginInfo.userAcct);
        this.$store.commit("set_password", this.loginInfo.password);
        this.$store.commit("set_tenantCode", this.loginInfo.tenantCode);
        this.$store.commit("set_userInfo", res.data.userInfo);
        let params = {
          userId: res.data.userInfo.sysUser.userId,
        };
        params = this.$qs.stringify(params);
        this.getMenuTreeSelect(res.data.userInfo.sysUser.userId);
        this.getDeptTreeSelect();
        //若用戶選擇記住密碼
        if (this.isRemPwd) {
          this.$Cookie.set("userAcct", this.loginInfo.userAcct, {
            expires: 30,
          });
          this.$Cookie.set("tenantCode", this.loginInfo.tenantCode, {
            expires: 30,
          });
          //將密鑰一起加密儲存,后續(xù)解密時要用到
          this.$Cookie.set(
            "sk",
            CryptoJS.AES.encrypt(this.secretKey, "de43a68e4d184aa3"),
            {
              expires: 30, // 存儲30天
            }
          );
          this.$Cookie.set(
            "thinglinkpwd",
            CryptoJS.AES.encrypt(this.loginInfo.password, this.secretKey),
            {
              expires: 30, // 存儲30天
            }
          );
          // this.$router.go(0)
        } else {
          // 刪除cookie
          this.$Cookie.remove("userAcct");
          this.$Cookie.remove("thinglinkpwd");
          this.$Cookie.remove("sk");
          this.$Cookie.remove("tenantCode");
        }
        // 去往首頁
        this.$router.push("/index");
        //修改下首頁默認(rèn)的路徑和菜單名稱,確保一下側(cè)邊欄以及面包屑的正常展示,換首頁了記得改下
        this.$store.commit("set_activeIndex", "/index");
        this.$store.commit("set_menuName", ["首頁"]);
      }
    },

到此這篇關(guān)于vue通過獲取url中的信息登錄頁面的代碼詳解的文章就介紹到這了,更多相關(guān)vue通過url獲取信息內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • Vue實現(xiàn)漸變色進(jìn)度條的代碼

    Vue實現(xiàn)漸變色進(jìn)度條的代碼

    這篇文章主要介紹了Vue實現(xiàn)漸變色進(jìn)度條的代碼,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • 一次搞清Vue3中組件通訊的全部方式

    一次搞清Vue3中組件通訊的全部方式

    毫無疑問,組件通訊是Vue中非常重要的技術(shù)之一,它的出現(xiàn)能夠使我們非常方便的在不同組件之間進(jìn)行數(shù)據(jù)的傳遞,以達(dá)到數(shù)據(jù)交互的效果,所以,學(xué)習(xí)組件通訊技術(shù)是非常有必要的,本文將一次解決Vue3中組件通訊的全部方式,總有你想要的那一種,需要的朋友可以參考下
    2024-09-09
  • Vue3+ElementUI 多選框中復(fù)選框和名字點擊方法效果分離方法

    Vue3+ElementUI 多選框中復(fù)選框和名字點擊方法效果分離方法

    這篇文章主要介紹了Vue3+ElementUI 多選框中復(fù)選框和名字點擊方法效果分離方法,文中補充介紹了VUE-Element組件 CheckBox多選框使用方法,需要的朋友可以參考下
    2024-01-01
  • element中table高度自適應(yīng)的實現(xiàn)

    element中table高度自適應(yīng)的實現(xiàn)

    這篇文章主要介紹了element中table高度自適應(yīng)的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-10-10
  • Vue中的請求攔截器和響應(yīng)攔截器用法及說明

    Vue中的請求攔截器和響應(yīng)攔截器用法及說明

    這篇文章主要介紹了Vue中的請求攔截器和響應(yīng)攔截器用法及說明,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-05-05
  • Vue常見面試題整理【值得收藏】

    Vue常見面試題整理【值得收藏】

    本文是小編給大家收藏整理的Vue常見面試題,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
    2018-09-09
  • Vue3項目如何導(dǎo)入外部的CSS和JS資源

    Vue3項目如何導(dǎo)入外部的CSS和JS資源

    在Vue3項目中,可以通過多種方式導(dǎo)入外部的CSS和JS資源,包括在單組件中使用`@import`語句或動態(tài)加載,以及在全局`index.html`或`main.js`中引入,選擇合適的方法,確保外部資源正確加載和應(yīng)用
    2025-11-11
  • 詳解如何編寫一個Vue3響應(yīng)式系統(tǒng)

    詳解如何編寫一個Vue3響應(yīng)式系統(tǒng)

    這篇文章主要為大家學(xué)習(xí)介紹了如何編寫一個Vue3響應(yīng)式系統(tǒng),文中的示例代碼講解詳細(xì),具有一定的學(xué)習(xí)價值,感興趣的小伙伴可以了解一下
    2023-07-07
  • vue實現(xiàn)分割驗證碼效果

    vue實現(xiàn)分割驗證碼效果

    這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)分割驗證碼效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-03-03
  • vue實現(xiàn)拖動調(diào)整左右兩側(cè)容器大小

    vue實現(xiàn)拖動調(diào)整左右兩側(cè)容器大小

    這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)拖動調(diào)整左右兩側(cè)容器大小,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-03-03

最新評論

龙岩市| 多伦县| 安阳市| 万源市| 若尔盖县| 新蔡县| 汾阳市| 贵溪市| 封丘县| 宁陕县| 万山特区| 宿州市| 商南县| 巴彦县| 卢氏县| 安国市| 和平县| 子洲县| 兴隆县| 微博| 准格尔旗| 阳谷县| 蕉岭县| 富源县| 砀山县| 襄城县| 司法| 玉溪市| 治县。| 旺苍县| 象山县| 阿拉善盟| 肃北| 太白县| 调兵山市| 金昌市| 丽水市| 尚志市| 钟山县| 揭阳市| 绥德县|