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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • vsCode一键生成vue模板

    vsCode一键生成vue模板

    之前关于vsCode一键生成vue模,最近需要回顾,就顺便发到随笔上了,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • vue子组件实时获取父组件的数据实现

    vue子组件实时获取父组件的数据实现

    本文主要介绍了vue子组件实时获取父组件的数据实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-12-12
  • Vue3打包部署报错的解决方案

    Vue3打包部署报错的解决方案

    这篇文章主要介绍了Vue3打包部署报错的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-06-06
  • vue中使用gojs/jointjs的示例代码

    vue中使用gojs/jointjs的示例代码

    这篇文章主要介绍了vue中使用gojs/jointjs的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • vue实现录音功能js-audio-recorder带波浪图效果的示例

    vue实现录音功能js-audio-recorder带波浪图效果的示例

    这篇文章主要介绍了vue实现录音功能js-audio-recorder带波浪图效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-08-08
  • 如何解决vue2.0下IE浏览器白屏问题

    如何解决vue2.0下IE浏览器白屏问题

    这篇文章主要介绍了如何解决vue2.0下IE浏览器白屏问题,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • Vue2和Vue3中常用组件通信用法分享

    Vue2和Vue3中常用组件通信用法分享

    这篇文章主要为大家整理了Vue3的8种和Vue2的12种组件通信的使用方法,文中的示例代码讲解详细,对我们学习Vue有一定的帮助,值得收藏
    2023-04-04
  • Vue如何获取元素高度总是不准确的问题

    Vue如何获取元素高度总是不准确的问题

    这篇文章主要介绍了Vue如何获取元素高度总是不准确的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • vue中字典的使用

    vue中字典的使用

    这篇文章主要介绍了vue中字典的使用,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2023-12-12
  • .vue文件编译成浏览器可执行文件的流程详解

    .vue文件编译成浏览器可执行文件的流程详解

    这篇文章主要给大家介绍了.vue 文件是如何编译成浏览器可执行的文件,文中通过代码示例将编译流程介绍的非常详细,对我们的学习或工作有一定的价值,感兴趣的同学可以参考阅读下
    2023-09-09

最新评论