在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 相关文章推荐
在jQuery中 关于json空对象筛选替换
Apr 15 Javascript
jquery实现弹出窗口效果的实例代码
Nov 28 Javascript
JS的事件绑定深入认识
Jun 26 Javascript
基于socket.io和node.js搭建即时通信系统
Jul 30 Javascript
jQuery采用连缀写法实现的折叠菜单效果
Sep 18 Javascript
JavaScript数组方法总结分析
May 06 Javascript
AngularJS中一般函数参数传递用法分析
Nov 22 Javascript
解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
Jun 05 Javascript
node.js中路由,中间件,ge请求和post请求的参数详解
Dec 26 Javascript
vue如何自动化打包测试环境和正式环境的dist/test文件
Jun 06 Javascript
vue+element-ui JYAdmin后台管理系统模板解析
Jul 28 Javascript
原生js拖拽功能制作滑动条实例代码
Feb 05 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
vBulletin Forum 2.3.xx SQL Injection
2006/10/09 PHP
如何让CI框架支持service层
2014/10/29 PHP
Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 2611816 bytes)
2014/11/08 PHP
PHP的图像处理实例小结【文字水印、图片水印、压缩图像等】
2019/12/20 PHP
用js生产批量批处理执行命令
2008/07/28 Javascript
提高网站信任度的技巧
2008/10/17 Javascript
jQuery html()等方法介绍
2009/11/18 Javascript
热点新闻滚动特效的js代码
2013/08/17 Javascript
js中的如何定位固定层的位置
2014/06/15 Javascript
javascript计时器详解
2015/02/28 Javascript
jQuery检测某个元素是否存在代码分享
2015/07/09 Javascript
AngularJs ng-repeat 嵌套如何获取外层$index
2016/09/21 Javascript
Javascript 正则表达式校验数字的简单实例
2016/11/02 Javascript
浅谈vue-cli加载不到dev-server.js的解决办法
2017/11/24 Javascript
小程序登录/注册页面设计的实现代码
2019/05/24 Javascript
微信小程序云函数使用mysql数据库过程详解
2019/08/07 Javascript
JS通用方法触发点击事件代码实例
2020/02/17 Javascript
[01:54]TI4西雅图DOTA2选手欢迎晚宴 现场报道
2014/07/08 DOTA
python 字符串格式化代码
2013/03/17 Python
Python 抓取动态网页内容方案详解
2014/12/25 Python
Python 错误和异常代码详解
2018/01/29 Python
详解Python中的动态属性和特性
2018/04/07 Python
python opencv旋转图像(保持图像不被裁减)
2018/07/26 Python
python实现视频分帧效果
2019/05/31 Python
pyqt5 使用cv2 显示图片,摄像头的实例
2019/06/27 Python
python中break、continue 、exit() 、pass终止循环的区别详解
2019/07/08 Python
python读文件的步骤
2019/10/08 Python
Python魔法方法 容器部方法详解
2020/01/02 Python
英国最大的经认证的有机超市:Planet Organic
2018/02/02 全球购物
高考励志标语
2014/06/05 职场文书
外贸业务员求职信
2014/06/16 职场文书
中专毕业生的自荐书
2014/07/01 职场文书
施工安全汇报材料
2014/08/17 职场文书
党员转正党支部意见
2015/06/02 职场文书
乔迁新居祝福语
2019/11/04 职场文书
使用Python拟合函数曲线
2022/04/14 Python