vue16进制转10进制

在Vue中，可以使用`parseInt()`函数将16进制字符串转换为10进制整数。例如，假设我们要将16进制字符串“FF”转换为10进制整数，可以使用以下代码：

let hexString = "FF";
let decimalNumber = parseInt(hexString, 16);
console.log(decimalNumber); // 输出 255

在`parseInt()`函数中，第一个参数是要转换的字符串，第二个参数是要转换的进制数。在这个例子中，我们将第二个参数设置为16，因为我们要将16进制字符串转换为10进制整数。

相关问题

VUE3写一个16进制与字符串相互转换的页面

好的，我可以为您提供一些简单的代码示例来实现该功能。

首先，您需要一个文本框用于输入十六进制字符串，以及一个按钮来触发转换操作。代码示例如下所示：

<template>
  <div>
    <label>输入十六进制字符串：</label>
    <input type="text" v-model="hexString"/>

    <button @click="hexToString">转换为字符串</button>
    <button @click="stringToHex">转换为十六进制</button>

    <div v-if="result">
      转换结果：<br>
      {{ result }}
    </div>
  </div>
</template>

接下来是相关的 Vue 组件代码。`hexString` 变量用于绑定输入框中的值，`result` 变量用于存储转换结果。

<script>
export default {
  data() {
    return {
      hexString: '',
      result: ''
    }
  },
  
  methods: {
    hexToString() {
      // 把十六进制字符串转换成字符串
      const str = this.hex2str(this.hexString);
      this.result = str;
    },
    
    stringToHex() {
      // 把字符串转换成十六进制字符串
      const hex = this.str2hex(this.hexString);
      this.result = hex;
    },
    
    hex2str(hex) {
      let result = '';
      for (let i = 0; i < hex.length; i += 2) {
        const charCode = parseInt(hex.substr(i, 2), 16);
        result += String.fromCharCode(charCode);
      }
      return result;
    },
    
    str2hex(str) {
      let result = '';
      for (let i = 0; i < str.length; i++) {
        const charCode = str.charCodeAt(i);
        const hexCode = charCode.toString(16);
        result += hexCode;
      }
      return result;
    }
  }
}
</script>

`hex2str` 方法将输入的十六进制字符串转换成字符串，`str2hex` 方法将输入的字符串转换成十六进制字符串。这两个方法都将转换结果存储在 `result` 变量中。

代码示例只是简单实现了该功能，您可以根据自己的需要对其进行修改。

vue3 hex 转utf8

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

1. 将十六进制字符串转换为 `Uint8Array` 类型的数组

   const hexString = 'e4bda0e5a5bd'; // 十六进制字符串
   const uint8Array = new Uint8Array(hexString.match(/.{1,2}/g).map(byte => parseInt(byte, 16))); // 转换为 Uint8Array 类型的数组

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

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

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