vue 解base64
时间: 2023-10-08 19:04:10 浏览: 223
Base64编码解码、无乱码。本人亲自测试使用。.
4星 · 用户满意度95%
在Vue中解码Base64可以使用js-base64这个库进行操作。首先,你需要在你的Vue项目中引入js-base64依赖。你可以在处理登录请求的页面引入,或者在main.js中引入依赖,以便在整个项目中使用。以下是两种引入方式的示例:
(1) 在单个页面引入:
```
let Base64 = require('js-base64').Base64
```
或者
```
import {Base64} from 'js-base64'
```
然后,你可以使用Base64对象的`decode()`方法来解码Base64字符串。例如,如果你有一个经过Base64编码的密码字符串,你可以这样解码它:
```
let encPass = 'MTIzNDU2Nzg='
let decPass = Base64.decode(encPass)
console.log(decPass) // 打印结果为 12345678
```
(2) 在main.js中引入:
```
import Vue from "vue"
import {Base64} from 'js-base64'
Vue.prototype.$Base64 = Base64
```
或者
```
import Base64 from 'js-base64'
Vue.use(Base64)
```
然后,在你的单页面组件中,你可以通过`this.$Base64`来访问Base64对象,并使用它的`decode()`方法进行解码。例如:
```
let encPass = 'MTIzNDU2Nzg='
let decPass = this.$Base64.decode(encPass)
console.log(decPass) // 打印结果为 12345678
```
这样,你就可以在Vue中解码Base64字符串了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Vue中base64编码和解码](https://blog.csdn.net/qq_30351747/article/details/118807767)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [vue项目使用Base64加密解密](https://blog.csdn.net/qq_37916164/article/details/126473044)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文