在vue中使用Base64轉碼的案例

更新時間：2020年08月07日 10:56:33 作者：涼皮Herr

這篇文章主要介紹了在vue中使用Base64轉碼的案例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

在vue項目中有時會使用到Base6464轉碼，現(xiàn)將自己使用的一種方法記錄，以供參考

1：安裝依賴

npm install --save js-base64

2：在main.js中引入

const Base64 = require('js-base64').Base64
new Vue({
 el: '#app',
 Base64
})

3：在需要轉碼的文件中使用

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轉碼的案例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

vue3.0 CLI - 2.4 - 新組件 Forms.vue 中學習表單
這篇文章主要介紹了vue3.0 CLI - 2.4 - 新組件 Forms.vue 中學習表單的相關知識，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下
2018-09-09
詳細聊聊Vue中的MVVM模式原理
MVVM旨在利用WPF中的數(shù)據(jù)綁定函數(shù),通過從視圖層中幾乎刪除所有GUI代碼（代碼隱藏）,更好地促進視圖層開發(fā)與模式其余部分的分離,這篇文章主要給大家介紹了關于Vue.js中MVVM的相關資料,需要的朋友可以參考下
2023-03-03
vue 項目常用加載器及配置詳解
本文介紹了vue 項目常用加載器及配置詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-01-01
Vue中EpicEditor和vue-quill-editor的使用詳解
EpicEditor和Vue-quill-editor都是基于Quill.js的富文本編輯器,并且都提供了許多強大的功能,下面我們就來介紹一下二者的具體使用,感興趣的小伙伴可以了解一下
2023-11-11
使用Vue+ElementUI動態(tài)生成面包屑導航教程
Vue和ElementUI都是非常流行的前端開發(fā)框架,它們可以讓我們更加便捷地開發(fā)前端應用,下面這篇文章主要給大家介紹了關于使用Vue+ElementUI動態(tài)生成面包屑導航的相關資料,需要的朋友可以參考下
2023-05-05
前端 Vue.js 和 MVVM 詳細介紹
這篇文章主要介紹了前端 Vue.js 和 MVVM 詳細介紹的相關資料,需要的朋友可以參考下
2016-12-12
一步步教你用Vue.js創(chuàng)建一個組件(附代碼示例)
組件(Component)是Vue.js最強大的功能之一,組件可以擴展HTML元素,封裝可重用的代碼,下面這篇文章主要給大家介紹了關于如何一步步用Vue.js創(chuàng)建一個組件的相關資料,需要的朋友可以參考下
2022-12-12
使用Vue和React分別實現(xiàn)錨點定位功能
這篇文章主要為大家詳細介紹了如何使用Vue和React分別實現(xiàn)錨點定位功能,文中的示例代碼講解詳細,具有一定的借鑒價值,有需要的小伙伴可以學習一下
2024-01-01
vue-cli 3.0 引入mint-ui報錯問題及解決
這篇文章主要介紹了vue-cli 3.0 引入mint-ui報錯問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-05-05
vue+echarts實現(xiàn)中國地圖流動效果(步驟詳解)
這篇文章主要介紹了vue+echarts實現(xiàn)中國地圖流動效果(步驟詳解),本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-01-01