Vue/uniapp项目中,使用Base64转码和解码

Vue/uniapp项目中,使用Base64转码和解码

  1. 将字符串型转换为Base64,要做到兼容引入Base64,没有引入js-base64
    (1)引入Base64.js
npm install base-64

(2)在使用页面的<script></script>中引入:

import Base64 from 'base-64'

(3)在逻辑代码中使用:

let keywords = 'abc@666'
let key = Base64.encode(keywords) // 译码:YWJjQDY2Ng==
let key2 = Base64.decode('YWJjQDY2Ng==') // abc@666
  1. 将汉字转换为Base64,不能使用以上方法,应使用:
    (1)转码
let keywords = '你好'
let key = window.encodeURIComponent(keywords)
console.log(key)  // %E4%BD%A0%E5%A5%BD

(2)解码

let keywords = '%E4%BD%A0%E5%A5%BD'
let key = window.decodeURIComponent(kaywords)
console.log(key) // 你好
另外,注意中文转码不能用Base64,使用window.encodeURIComponent()和window.decodeURIComponent()
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue 是一个用于构建用户界面的渐进式 JavaScript 框架,它主要用于开发单页面应用程序 (SPA)。Vue 提供了一种简单、灵活且高效的方式来构建交互式的 Web 界面。 UniApp 是一个基于 Vue.js 的跨平台开发框架,它可以同时使用 Vue 的语法和 API 来开发多个平台的应用程序,包括小程序、H5、App 等。UniApp 提供了一套统一的开发语法和组件库,可以在不同平台上共享代码和逻辑,大大提高了开发效率。 使用 VueUniApp 开发项目有以下优势: 1. 统一开发语法和组件库:使用 VueUniApp,你可以通过一套统一的语法和组件库来开发不同平台的应用程序,避免了学习多个框架或语言的繁琐。 2. 跨平台支持:UniApp 支持多个平台,包括微信小程序、支付宝小程序、H5 网页、App 等。你可以使用相同的代码和逻辑来开发不同平台的应用,减少了重复工作。 3. 高效开发:VueUniApp 都提供了丰富的工具和生态系统,使得开发更加高效。你可以使用 Vue 的响应式数据绑定、组件化开发等特性,快速构建复杂的应用程序。 4. 自定义扩展:由于基于 Vue,你可以使用 Vue 的插件和库来扩展 UniApp 的功能。Vue 生态系统非常丰富,有大量的插件和库可供选择,可以满足各种开发需求。 总而言之,使用 VueUniApp 可以让你更加方便地开发跨平台的应用程序,提高开发效率并节省开发成本。同时,你可以借助 VueUniApp 的强大功能和生态系统来构建出功能丰富的应用程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值