1. 程式人生 > 程式設計 >在vue中使用Base64轉碼的案例

在vue中使用Base64轉碼的案例

在vue專案中有時會使用到Base6464轉碼,現將自己使用的一種方法記錄,以供參考

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轉碼的案例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。