在vue中使用Base64轉(zhuǎn)碼的案例
更新時間：2020年08月07日 10:56:33 作者：涼皮Herr
這篇文章主要介紹了在vue中使用Base64轉(zhuǎn)碼的案例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在vue項目中有時會使用到Base6464轉(zhuǎn)碼，現(xiàn)將自己使用的一種方法記錄，以供參考
1：安裝依賴
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'
補充知識：vue中使用base64和md5
1.在項目根目錄下安裝
cnpm install --save js-base64
cnpm install --save js-md5
2.在項目文件中引入
import md5 from 'js-md5';
let Base64 = require('js-base64').Base64;
3.在項目文件中使用
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)碼的案例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細介紹了如何使用Vue快速實現(xiàn)一個無縫輪播效果,文中的示例代碼講解詳細,具有一定的借鑒價值,有需要的小伙伴可以參考下2024-04-04
這篇文章給大家?guī)砹薞ue.js 踩坑記之雙向綁定問題，非常不錯，具有參考借鑒價值，感興趣的朋友跟隨腳本之家小編一起學(xué)習吧2018-05-05
本篇文章主要介紹了vue生成隨機驗證碼的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧‘2017-09-09
這篇文章主要介紹了vue3?封裝自定義組件v-model及自定義組件使用v-model，本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-07-07
vue是組件化開發(fā)框架,所以對于vue應(yīng)用來說組件間的數(shù)據(jù)通信非常重要,下面這篇文章主要給大家介紹了關(guān)于高頻率Vue面試題以及答案的相關(guān)資料,需要的朋友可以參考下2023-02-02
vue純前端實現(xiàn)將頁面導(dǎo)出為pdf和word文件
這篇文章主要為大家詳細介紹了vue如何通過純前端實現(xiàn)將頁面導(dǎo)出為pdf和word文件,文中的示例代碼講解詳細,有需要的小伙伴可以參考一下2024-01-01
這篇文章主要為大家詳細介紹了vue實現(xiàn)內(nèi)容可滾動的彈窗效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了vue項目中如何調(diào)用多個不同的ip接口，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要介紹了vue使用once修飾符,使事件只能觸發(fā)一次問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
下面小編就為大家分享一篇vue中v-for加載本地靜態(tài)圖片方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03