在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 相关文章推荐
学习YUI.Ext基础第一天
Mar 10 Javascript
javascript 函数速查表
Feb 07 Javascript
javascript下数值型比较难点说明
Jun 07 Javascript
在JS中如何调用JSP中的变量
Jan 22 Javascript
jQuery插件slides实现无缝轮播图特效
Apr 17 Javascript
浅谈Javascript中substr和substring的区别
Sep 30 Javascript
详解jQuery移动页面开发中的ui-grid网格布局使用
Dec 03 Javascript
js 判断数据类型的几种方法
Jan 13 Javascript
jQuery实现左右滑动的toggle方法
Mar 03 jQuery
Node.js应用设置安全的沙箱环境
Apr 23 Javascript
小程序实现搜索框
Jun 19 Javascript
基于JavaScript判断两个对象内容是否相等
Jan 10 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下通过伪造http头破解防盗链的代码
2010/07/03 PHP
php实现分页显示
2015/11/03 PHP
微信支付开发发货通知实例
2016/07/12 PHP
PHP+swoole+linux实现系统监控和性能优化操作示例
2019/04/15 PHP
laravel5.1 ajax post 传值_token示例
2019/10/24 PHP
PHP code 验证码生成类定义和简单使用示例
2020/05/27 PHP
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
了不起的node.js读书笔记之node的学习总结
2014/12/22 Javascript
jQuery插件实现控制网页元素动态居中显示
2015/03/24 Javascript
pace.js页面加载进度条插件
2015/09/29 Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
2016/11/21 Javascript
微信小程序 九宫格实例代码
2017/01/21 Javascript
React-Router如何进行页面权限管理的方法
2017/12/06 Javascript
vue init失败简单解决方法(终极版)
2017/12/22 Javascript
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
2018/08/17 Javascript
移动端吸顶fixbar的解决方案详解
2019/07/17 Javascript
Vue项目打包压缩的实现(让页面更快响应)
2020/03/10 Javascript
JavaScript实现浏览器网页自动滚动并点击的示例代码
2020/12/05 Javascript
Python help()函数用法详解
2014/03/11 Python
python实现爬取千万淘宝商品的方法
2015/06/30 Python
浅谈pyhton学习中出现的各种问题(新手必看)
2017/05/17 Python
python2.7实现爬虫网页数据
2018/05/25 Python
用Python分析3天破10亿的《我不是药神》到底神在哪?
2018/07/12 Python
关于TensorFlow新旧版本函数接口变化详解
2020/02/10 Python
pytorch实现MNIST手写体识别
2020/02/14 Python
python函数map()和partial()的知识点总结
2020/05/26 Python
python3爬虫中多线程进行解锁操作实例
2020/11/25 Python
python中pivot()函数基础知识点
2021/01/03 Python
收集的7个CSS3代码生成工具
2010/04/17 HTML / CSS
Marmot土拨鼠官网:美国专业户外运动品牌
2018/01/11 全球购物
台湾最大银发乐活百货:乐龄网
2018/05/21 全球购物
项目合作计划书
2014/01/09 职场文书
幼儿园教师培训方案
2014/02/04 职场文书
教师师德演讲稿
2014/05/06 职场文书
Python获取百度热搜的完整代码
2021/04/07 Python
apache基于端口创建虚拟主机的示例
2021/04/24 Servers