在vue中使用Base64转码的案例


Posted in Javascript onAugust 07, 2020

在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转码的案例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 模仿vbs中的 DateAdd() 函数的代码
Aug 13 Javascript
JS实现图片预加载无需等待
Dec 21 Javascript
php的文件上传入门教程(实例讲解)
Apr 10 Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
Dec 02 Javascript
基于Vue.js实现数字拼图游戏
Aug 02 Javascript
深入理解Angular中的依赖注入
Jun 26 Javascript
基于jquery实现多选下拉列表
Aug 02 jQuery
使用jQuery实现购物车结算功能
Aug 15 jQuery
select自定义小三角样式代码(实用总结)
Aug 18 Javascript
微信小程序实现类似微信点击语音播放效果
Mar 30 Javascript
js实现简单的轮播图效果
Dec 13 Javascript
原生JS实现音乐播放器的示例代码
Feb 25 Javascript
JavaScript代码模拟鼠标自动点击事件示例
Aug 07 #Javascript
使用JavaScript和MQTT开发物联网应用示例解析
Aug 07 #Javascript
vue-以文件流-blob-的形式-下载-导出文件操作
Aug 07 #Javascript
浅谈javascript如何获取文件后缀名
Aug 07 #Javascript
vue 使用post/get 下载导出文件操作
Aug 07 #Javascript
基于javascript的无缝滚动动画实现2
Aug 07 #Javascript
vue 在methods中调用mounted的实现操作
Aug 07 #Javascript
You might like
php生成curl命令行的方法
2015/12/14 PHP
PHP经典实用正则表达式小结
2017/05/04 PHP
PHP基于自定义类随机生成姓名的方法示例
2017/08/05 PHP
laravel框架之数据库查出来的对象实现转化为数组
2019/10/23 PHP
用js实现多域名不同文件的调用方法
2007/01/12 Javascript
jquery1.4.2 for Visual studio 2010 模板文件
2010/07/14 Javascript
BOM与DOM的区别分析
2010/10/26 Javascript
简单的js图片轮换代码(js图片轮播)
2014/05/06 Javascript
javascript拖拽应用实例(二)
2016/03/25 Javascript
jQuery实现调整表格单列顺序完整实例
2016/06/20 Javascript
微信小程序 石头剪刀布实例代码
2017/01/04 Javascript
vue.js添加一些触摸事件以及安装fastclick的实例
2018/08/28 Javascript
vue+vuex+json-seiver实现数据展示+分页功能
2019/04/11 Javascript
layuiAdmin循环遍历展示商品图片列表的方法
2019/09/16 Javascript
[01:59][TI9趣味视频] 全明星赛奖励
2019/08/23 DOTA
[02:11]完美世界DOTA2联赛10月28日赛事精彩集锦:来吧展示实力强劲
2020/10/29 DOTA
Python删除windows垃圾文件的方法
2015/07/14 Python
关于python的list相关知识(推荐)
2017/08/30 Python
解决Pycharm界面的子窗口不见了的问题
2019/01/17 Python
python如何保证输入键入数字的方法
2019/08/23 Python
详解从Django Allauth中进行登录改造小结
2019/12/18 Python
python实现的Iou与Giou代码
2020/01/18 Python
浅谈keras使用中val_acc和acc值不同步的思考
2020/06/18 Python
Python爬虫之Selenium设置元素等待的方法
2020/12/04 Python
Evisu官方网站:日本牛仔品牌,时尚街头设计风格
2016/12/30 全球购物
台湾深度自由行旅游平台:Tripbaa趣吧
2017/10/10 全球购物
波兰在线香水店:Perfumy.pl
2019/08/12 全球购物
泰国第一在线超市:Tops
2021/02/13 全球购物
如何开发一个JQuery插件
2016/07/28 面试题
毕业生多媒体设计求职信
2013/10/12 职场文书
教师找工作推荐信
2013/11/23 职场文书
财务会计人员求职的自我评价
2014/01/13 职场文书
竞选大队委员演讲稿
2014/04/28 职场文书
社区志愿者活动总结
2014/06/26 职场文书
联谊活动总结
2014/08/28 职场文书
2015年招生工作总结
2015/05/04 职场文书