Vue中如何使用base64編碼和解碼
Vue使用base64編碼和解碼
在項(xiàng)目根目錄下安裝
npm install --save js-base64
在項(xiàng)目文件中引入
let Base64 = require('js-base64').Base64
在項(xiàng)目文件中使用
Base64.encode('潘高') ?// 5r2Y6auY Base64.decode('5r2Y6auY') ?// 潘高
Vue路由獲取query中base64解碼出錯
最近在使用vue-router,通過路由獲取url中傳遞的base編碼的數(shù)據(jù),對數(shù)據(jù)進(jìn)行解碼的時(shí)候發(fā)現(xiàn)數(shù)據(jù)錯亂。
找了許久才發(fā)現(xiàn)問題所在,其實(shí)就是vue-rouer在截取路由時(shí),會把其中的 + 替換成空格,這樣導(dǎo)致我們在獲取base64編碼串時(shí)出錯 。
解決其實(shí)也很簡單,通過正則把空格替換成**+**即可,這樣就能完美的解決問題。
代碼如下:
base64Str= base64Str.replace(/\s/g, '+');
ok,解決!
總結(jié)
以上為個人經(jīng)驗(yàn),希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue3 axios 實(shí)現(xiàn)自動化api配置詳解
這篇文章主要為大家介紹了vue3 axios 實(shí)現(xiàn)自動化api配置詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09Element-ui?DatePicker日期選擇器基礎(chǔ)用法示例
這篇文章主要為大家介紹了Element-ui?DatePicker日期選擇器基礎(chǔ)用法示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06Vue3的ts報(bào)錯:類型"{}"上不存在屬性"xxx"的兩種徹底根治解決方法
這篇文章主要給大家介紹了關(guān)于Vue3的ts報(bào)錯:類型"{}"上不存在屬性"xxx"的兩種徹底根治解決方法,這是最近做項(xiàng)目中遇到的一個問題,這里給大家總結(jié)下解決辦法,需要的朋友可以參考下2023-08-08vue3實(shí)現(xiàn)多層級列表的項(xiàng)目實(shí)踐
本文主要介紹了vue3實(shí)現(xiàn)多層級列表的項(xiàng)目實(shí)踐,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07Vue實(shí)現(xiàn)一個帶有緩存功能的Tab頁簽功能
在現(xiàn)代?Web?應(yīng)用中,Tab?頁簽功能是非常常見的一種交互模式,它可以幫助用戶在不同的視圖間快速切換,而不會丟失當(dāng)前視圖的狀態(tài),本文將介紹如何在?Vue?項(xiàng)目中實(shí)現(xiàn)一個帶有緩存功能的?Tab?頁簽功能,需要的朋友可以參考下2024-08-08vue-cli+webpack記事本項(xiàng)目創(chuàng)建
這篇文章主要為大家詳細(xì)介紹了vue-cli+webpack創(chuàng)建記事本項(xiàng)目,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04基于vue實(shí)現(xiàn)循環(huán)滾動列表功能
這篇文章給大家介紹基于vue實(shí)現(xiàn)循環(huán)滾動列表功能,給大家介紹了該組件的用法,通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友參考下吧2021-09-09vue 使用moment獲取當(dāng)前時(shí)間及一月前的時(shí)間
開發(fā)中會有要獲取當(dāng)前日期的需求,有的是獲取到當(dāng)前月份,本文就介紹了vue獲取當(dāng)前日期時(shí)間(moment、new?Date()),文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2023-08-08