在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的实现原理的模拟代码 -4 重要的扩展函数 extend
Aug 03 Javascript
script标签的 charset 属性使用说明
Dec 04 Javascript
JQuery onload、ready概念介绍及使用方法
Apr 27 Javascript
把jQuery的类、插件封装成seajs的模块的方法
Mar 12 Javascript
浅谈vue2 单页面如何设置网页title
Nov 08 Javascript
vue中使用refs定位dom出现undefined的解决方法
Dec 21 Javascript
纯JS实现可用于页码更换的飞页特效示例
May 21 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
Jun 19 Javascript
vue组件化中slot的基本使用方法
May 01 Javascript
JQuery实现简单的复选框树形结构图示例【附源码下载】
Jul 16 jQuery
jQuery zTree树插件的使用教程
Aug 16 jQuery
JavaScript枚举选择jquery插件代码实例
Nov 17 jQuery
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学习资料汇总与网址
2007/03/16 PHP
php实现从ftp服务器上下载文件树到本地电脑的程序
2009/02/10 PHP
php面向对象全攻略 (十四) php5接口技术
2009/09/30 PHP
PHP MemCached高级缓存配置图文教程
2010/08/05 PHP
php基础学习之变量的使用
2011/06/09 PHP
PHP实现生成透明背景的PNG缩略图函数分享
2014/07/08 PHP
你必须知道的JavaScript 中字符串连接的性能的一些问题
2013/05/07 Javascript
js利用数组length属性清空和截短数组的小例子
2014/01/15 Javascript
jQuery学习笔记之toArray()
2014/06/09 Javascript
浅谈JavaScript Date日期和时间对象
2014/12/29 Javascript
js获取本机操作系统类型的两种方法
2015/12/19 Javascript
深入浅出ES6之let和const命令
2016/08/25 Javascript
json定义及jquery操作json的方法
2016/09/29 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
2016/10/05 Javascript
详解微信小程序开发之城市选择器 城市切换
2017/01/17 Javascript
Node.js和Express简单入门介绍
2017/03/24 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
2017/11/11 Javascript
Vim快速合并行及vim 将文件所有行合并到一行
2017/11/27 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
2018/02/06 Javascript
微信小程序 确认框的实现(附代码)
2019/07/23 Javascript
Node4-5静态资源服务器实战以及优化压缩文件实例内容
2019/08/29 Javascript
javascript二维数组和对象的深拷贝与浅拷贝实例分析
2019/10/26 Javascript
小程序如何自主实现拦截器的示例代码
2019/11/04 Javascript
VUE项目axios请求头更改Content-Type操作
2020/07/24 Javascript
[02:19]2014DOTA2国际邀请赛 专访820少年们一起去追梦吧
2014/07/14 DOTA
Linux 下 Python 实现按任意键退出的实现方法
2016/09/25 Python
python中安装Scrapy模块依赖包汇总
2017/07/02 Python
利用python爬取斗鱼app中照片方法实例
2017/12/03 Python
python实现提取str字符串/json中多级目录下的某个值
2020/02/27 Python
澳大利亚的奢侈品牌:Oroton
2016/08/26 全球购物
美国饼干礼物和美食甜点购买网站:Cheryl’s
2020/05/28 全球购物
全球最大运动品牌的男装、女装和童装官方库存商:A&A Sports
2021/01/17 全球购物
手术室护士节演讲稿
2014/08/27 职场文书
2019送给家人们的中秋节祝福语
2019/08/15 职场文书
创业的9条正确思考方式
2019/08/26 职场文书
Django + Taro 前后端分离项目实现企业微信登录功能
2022/04/07 Python