主页 / 网络编程 /

在vue中使用Base64转码的案例

网络编程 2021-07-04 14:06www.168986.cn编程入门
这篇文章主要介绍了在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.在项目根目录下安装

pm install --save js-base64

pm 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转码的案例就是长沙网络推广分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持狼蚁SEO。

上一篇：vue递归获取父元素的元素实例 下一篇：JavaScript代码模拟鼠标自动点击事件示例

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by