Vue将中英文本base64编码及解码

谁人为我白月光

已于 2024-05-16 19:54:49 修改

阅读量1.6k

点赞数 12

CC 4.0 BY-SA版权

文章标签： vue.js javascript 前端

于 2024-05-16 17:36:05 首次发布

本文链接：https://blog.csdn.net/bbkky/article/details/138968520

我们在使用vue做文本传输时，通常会使用base64编码，下面是我的代码

<template>
  <div>
    <textarea v-model="inputText"></textarea>
    <button @click="tobase64">Base Text</button>
      <div v-if="base64">{
  
  { base64 }}</div>
    </div>
</template>

<script>
export default {
  data() {
    return {
      inputText: '',
      base64: ''
    };
  },
  methods: {
    tobase64() {
      this.base64 = btoa(this.inputText); // 使用 btoa 方法将文本转换为 Base64 编码
    }
  }
};
</script>

<style scoped>
textarea {
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
}
</style>

这里只是做一个转换的示范，使用javascript的内置方法btoa对文本进行转换