在vue中使用Base64轉(zhuǎn)碼的案例
在vue項(xiàng)目中有時(shí)會(huì)使用到Base6464轉(zhuǎn)碼,現(xiàn)將自己使用的一種方法記錄,以供參考
1:安裝依賴
npm install --save js-base64
2:在main.js中引入
const Base64 = require(’js-base64’).Base64new Vue({ el: ’#app’, Base64})
3:在需要轉(zhuǎn)碼的文件中使用
const Base64 = require(’js-base64’).Base64const exStr = Base64.encode(’base64’)console.log(exStr) // ’YmFzZTY0’
補(bǔ)充知識(shí):vue中使用base64和md5
1.在項(xiàng)目根目錄下安裝
cnpm install --save js-base64
cnpm install --save js-md5
2.在項(xiàng)目文件中引入
import md5 from ’js-md5’;
let Base64 = require(’js-base64’).Base64;
3.在項(xiàng)目文件中使用
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)碼的案例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. 在Android中使用WebSocket實(shí)現(xiàn)消息通信的方法詳解2. 淺談python出錯(cuò)時(shí)traceback的解讀3. ASP 信息提示函數(shù)并作返回或者轉(zhuǎn)向4. Python importlib動(dòng)態(tài)導(dǎo)入模塊實(shí)現(xiàn)代碼5. windows服務(wù)器使用IIS時(shí)thinkphp搜索中文無效問題6. 利用promise及參數(shù)解構(gòu)封裝ajax請(qǐng)求的方法7. python matplotlib:plt.scatter() 大小和顏色參數(shù)詳解8. .NET中l(wèi)ambda表達(dá)式合并問題及解決方法9. JSP數(shù)據(jù)交互實(shí)現(xiàn)過程解析10. Nginx+php配置文件及原理解析
