vue将字符串转换为utf8编码

在Vue中将字符串转换为UTF-8编码可以使用JavaScript中的encodeURI()函数。该函数将字符串作为参数，并返回一个编码后的URI字符串。例如：

let str = "路飞学城";
let encodedStr = encodeURI(str); // "%E8%B7%AF%E9%A3%9E%E5%AD%A6%E5%9F%8E"

在上面的例子中，我们将字符串"路飞学城"编码为UTF-8格式的字符串"%E8%B7%AF%E9%A3%9E%E5%AD%A6%E5%9F%8E"。

相关问题

vue 字符串转utf-8 不转数组

在 Vue 中，字符串转换为 UTF-8 编码的 Uint8Array 数组是一种常见的方式。如果你想将 UTF-8 编码的字符串直接转换为普通的字符串，可以使用 JavaScript 的 `TextDecoder` 对象。以下是一个示例代码：

// 定义要转换的 UTF-8 编码的字符串
const utf8String = "Hello%2C%20%E4%BD%A0%E5%A5%BD%EF%BC%81";

// 创建 TextDecoder 对象
const decoder = new TextDecoder();

// 将 UTF-8 编码的字符串转换为普通字符串
const decodedString = decoder.decode(new Uint8Array(utf8String.split("%").slice(1).map(byte => parseInt(byte, 16))));

// 打印转换后的字符串
console.log(decodedString);

在上面的示例中，我们首先定义了要转换的 UTF-8 编码的字符串 `utf8String`，它包含了一些被编码的字符。然后，我们创建了一个 `TextDecoder` 对象 `decoder`，它用于进行字符串解码。接下来，我们使用 `split()` 方法将字符串按 `%` 分割为多个部分，并使用 `slice(1)` 去除第一个空字符串。然后，我们使用 `map()` 方法将每个部分转换为对应的字节值，并使用 `parseInt()` 将其解析为十进制数。最后，我们将这些字节值创建为 Uint8Array 数组，并通过 `decoder.decode()` 方法将其解码为普通字符串 `decodedString`。最后，我们打印出转换后的字符串。

请注意，`TextDecoder` 对象是 JavaScript 的内置对象，因此无需引入其他库或插件即可使用。

vue3 Ascii 转 utf8

在 Vue 3 中，可以使用 `TextDecoder` 对象将 ASCII 编码的字符串转换为 UTF-8 编码的字符串。具体步骤如下：

1. 将 ASCII 编码的字符串转换为 `Uint8Array` 类型的数组

   const asciiString = 'hello'; // ASCII 编码的字符串
   const uint8Array = new TextEncoder().encode(asciiString); // 转换为 Uint8Array 类型的数组

2. 将 `Uint8Array` 类型的数组转换为 UTF-8 编码的字符串

   const utf8String = new TextDecoder('utf-8').decode(uint8Array); // 转换为 UTF-8 编码的字符串
   console.log(utf8String); // 输出：hello

现在，你就可以将 ASCII 编码的字符串转换为 UTF-8 编码的字符串了。如果你需要将其他编码的字符串转换为普通的字符串，可以将 `utf-8` 替换为相应的编码名称。