在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 相关文章推荐
JS实现图片预加载无需等待
Dec 21 Javascript
jQuery.fn和jQuery.prototype区别介绍
Oct 05 Javascript
动态创建script标签实现跨域资源访问的方法介绍
Feb 28 Javascript
javascript替换已有元素replaceChild()使用介绍
Apr 03 Javascript
JavaScript中的typeof操作符用法实例
Apr 05 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
Sep 03 Javascript
Angularjs中的页面访问权限怎么设置
Nov 11 Javascript
深入理解vue中的$set
Jun 01 Javascript
jQuery查找和过滤_动力节点节点Java学院整理
Jul 04 jQuery
Bootstrap Table快速完美搭建后台管理系统
Sep 20 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
Jan 30 Javascript
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
Jun 29 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面向对象学习笔记之一 基础概念
2012/10/06 PHP
php中防止恶意刷新页面的代码小结
2012/10/31 PHP
PHP+jQuery 注册模块的改进(三):更新到Smarty3.1
2014/10/14 PHP
Zend Framework分发器用法示例
2016/12/11 PHP
php curl 模拟登录并获取数据实例详解
2016/12/22 PHP
php如何计算两坐标点之间的距离
2018/12/29 PHP
js点击出现悬浮窗效果不使用JQuery插件
2014/01/20 Javascript
Javascript的表单验证-初识正则表达式
2016/03/18 Javascript
Yarn的安装与使用详细介绍
2016/10/25 Javascript
BootStrap 可编辑表Table格
2016/11/24 Javascript
jquery与ajax获取特殊字符实例详解
2017/01/08 Javascript
layui使用button按钮 点击出现弹层 弹层中加载表单的实例
2019/09/04 Javascript
Python中MySQLdb和torndb模块对MySQL的断连问题处理
2015/11/09 Python
详解在Python程序中解析并修改XML内容的方法
2015/11/16 Python
python获取指定日期范围内的每一天,每个月,每季度的方法
2019/08/08 Python
基于Python获取城市近7天天气预报
2019/11/26 Python
Python3 A*寻路算法实现方式
2019/12/24 Python
在pytorch 中计算精度、回归率、F1 score等指标的实例
2020/01/18 Python
Python如何定义有默认参数的函数
2020/08/10 Python
html5 canvas 简单画板实现代码
2012/01/05 HTML / CSS
维珍澳洲航空官网:Virgin Australia
2017/09/08 全球购物
如何通过 CSS 写出火焰效果
2021/03/24 HTML / CSS
机电一体化毕业生求职信
2013/11/02 职场文书
质检部岗位职责
2013/11/11 职场文书
经理秘书找工作求职信
2013/12/19 职场文书
写求职信有什么意义
2014/02/17 职场文书
婚前财产公证书
2014/04/10 职场文书
服务承诺书怎么写
2014/05/24 职场文书
新闻学专业求职信
2014/07/28 职场文书
2015年公司新年寄语
2014/12/08 职场文书
助学感谢信范文
2015/01/21 职场文书
销售经理岗位职责
2015/01/31 职场文书
联谊活动总结范文
2015/05/09 职场文书
浅析NIO系列之TCP
2021/06/15 Java/Android
JavaScript中MutationObServer监听DOM元素详情
2021/11/27 Javascript
SpringBoot前端后端分离之Nginx服务器下载安装过程
2022/08/14 Servers