vue項目中如何使用Base64轉(zhuǎn)碼

發(fā)布時間：2020-11-09 16:22:38 來源：億速云閱讀：716 作者：Leah 欄目：開發(fā)技術(shù)

這篇文章將為大家詳細講解有關(guān)vue項目中如何使用Base64轉(zhuǎn)碼，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guā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>

關(guān)于vue項目中如何使用Base64轉(zhuǎn)碼就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細節(jié)

vue項目中如何使用Base64轉(zhuǎn)碼

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽