在vue中使用Base64轉(zhuǎn)碼的案例
在vue項(xiàng)目中有時(shí)會(huì)使用到Base6464轉(zhuǎn)碼，現(xiàn)將自己使用的一種方法記錄，以供參考
1：安裝依賴(lài)
npm install --save js-base64
2：在main.js中引入
const Base64 = require('js-base64').Base64
new Vue({
el: '#app',
Base64
})
3：在需要轉(zhuǎn)碼的文件中使用
const Base64 = require('js-base64').Base64
const exStr = Base64.encode('base64')
console.log(exStr) // 'YmFzZTY0'
補(bǔ)充知識(shí)：vue中使用base64和md5
1.在項(xiàng)目根目錄下安裝
cnpm install --save js-base64
cnpm install --save js-md5
2.在項(xiàng)目文件中引入
import md5 from 'js-md5';
let Base64 = require('js-base64').Base64;
3.在項(xiàng)目文件中使用
base64:
Base64.encode('dankogai'); // ZGFua29nYWk=
Base64.decode('ZGFua29nYWk='); // dankogai
md5:
md5(''); // d41d8cd98f00b204e9800998ecf8427e
eg:
<script type="text/ecmascript-6">
let Base64 = require('js-base64').Base64; //Base64.encode('小飼弾');Base64.decode('ZGFua29nYWk=');
export default {
data () {
return {},
},
methods: {
openFun: function(){
let urlStr = "token=11526538-0059-4199-b35b-4e77263cdda9&pageId=31&unionId=165";
urlStr = Base64.encode(urlStr);
}
}
}
</script>
以上這篇在vue中使用Base64轉(zhuǎn)碼的案例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
使用Vue快速實(shí)現(xiàn)一個(gè)無(wú)縫輪播效果
這篇文章主要為大家詳細(xì)介紹了如何使用Vue快速實(shí)現(xiàn)一個(gè)無(wú)縫輪播效果,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,有需要的小伙伴可以參考下2024-04-04
這篇文章給大家?guī)?lái)了Vue.js 踩坑記之雙向綁定問(wèn)題，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2018-05-05
本篇文章主要介紹了vue生成隨機(jī)驗(yàn)證碼的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧‘2017-09-09
這篇文章主要介紹了vue3?封裝自定義組件v-model及自定義組件使用v-model，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-07-07
vue是組件化開(kāi)發(fā)框架,所以對(duì)于vue應(yīng)用來(lái)說(shuō)組件間的數(shù)據(jù)通信非常重要,下面這篇文章主要給大家介紹了關(guān)于高頻率Vue面試題以及答案的相關(guān)資料,需要的朋友可以參考下2023-02-02
vue純前端實(shí)現(xiàn)將頁(yè)面導(dǎo)出為pdf和word文件
這篇文章主要為大家詳細(xì)介紹了vue如何通過(guò)純前端實(shí)現(xiàn)將頁(yè)面導(dǎo)出為pdf和word文件,文中的示例代碼講解詳細(xì),有需要的小伙伴可以參考一下2024-01-01
vue實(shí)現(xiàn)內(nèi)容可滾動(dòng)的彈窗效果
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)內(nèi)容可滾動(dòng)的彈窗效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
vue項(xiàng)目中如何調(diào)用多個(gè)不同的ip接口
這篇文章主要介紹了vue項(xiàng)目中如何調(diào)用多個(gè)不同的ip接口，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
vue使用once修飾符,使事件只能觸發(fā)一次問(wèn)題
這篇文章主要介紹了vue使用once修飾符,使事件只能觸發(fā)一次問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
下面小編就為大家分享一篇vue中v-for加載本地靜態(tài)圖片方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03