在vue中使用Base64轉碼的案例
阿新 • • 發佈:2020-08-07
在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轉碼的案例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。