Vue项目中使用Base64

 更新时间:2024年02月02日 14:32:51   作者:lipenghao111  
在vue项目中有时会使用到Base6464转码,现将自己使用的一种方法记录下来,对vue使用Base64相关知识感兴趣的朋友一起看看吧

Vue项目中使用Base64

1.npm安装

npm install --save js-base64

2.单个页面引入

let Base64 = require('js-base64').Base64
//或者import {Base64} from 'js-base64'
Base64.encode(password);//加密
Base64.decode(password);//解密

3.全项目引入

3.1在main.js引入

import {Base64} from 'js-base64'
Vue.prototype.$Base64 = Base64;

3.2加密解密

let encPass=this.$Base64.encode(password);//加密
let decPass=this.$Base64.decode(encPass);//解密

扩展:

vue中使用Base64转码

在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的文章就介绍到这了,更多相关vue使用Base64内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • vite+vue3项目中使用SVG方式

    vite+vue3项目中使用SVG方式

    这篇文章主要介绍了vite+vue3项目中使用SVG方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • vue实现codemirror代码编辑器中的SQL代码格式化功能

    vue实现codemirror代码编辑器中的SQL代码格式化功能

    这篇文章主要介绍了vue实现codemirror代码编辑器中的SQL代码格式化功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-08-08
  • vue前端编译报错的图文解决方法

    vue前端编译报错的图文解决方法

    Vue框架可以很方便的引入各种插件,但是也因此会经常遇到种编译报错,这篇文章主要给大家介绍了关于vue前端编译报错解决的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2024-03-03
  • 可控制缓存销毁的 keepAlive 组件实现详解

    可控制缓存销毁的 keepAlive 组件实现详解

    这篇文章主要为大家介绍了可控制缓存销毁的 keepAlive 组件实现详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • vue.config.js中configureWebpack与chainWebpack区别及说明

    vue.config.js中configureWebpack与chainWebpack区别及说明

    这篇文章主要介绍了vue.config.js中configureWebpack与chainWebpack区别及说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • vue自定义指令用法经典实例小结

    vue自定义指令用法经典实例小结

    这篇文章主要介绍了vue自定义指令用法,结合实例形式总结分析了vue自定义指令常见写法与相关操作注意事项,需要的朋友可以参考下
    2019-03-03
  • 详解mpvue实现对苹果X安全区域的适配

    详解mpvue实现对苹果X安全区域的适配

    这篇文章主要介绍了详解mpvue实现对苹果X安全区域的适配,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-07-07
  • 详解如何使用Vue2做服务端渲染

    详解如何使用Vue2做服务端渲染

    本篇文章主要介绍了如何使用Vue2做服务端渲染 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • Vue2.5学习笔记之如何在项目中使用和配置Vue

    Vue2.5学习笔记之如何在项目中使用和配置Vue

    这篇文章主要介绍了Vue2.5学习笔记之如何在项目中使用和配置Vue的相关知识,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-09-09
  • vue中添加与删除关键字搜索功能

    vue中添加与删除关键字搜索功能

    这篇文章主要介绍了vue中添加与删除,关键字搜索功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-10-10

最新评论