vue 字符串转数字

// 在 Vue 中，将字符串转换为数字可以使用 Number() 函数或 parseInt() 和 parseFloat() 方法。
// 以下是一些示例代码：

<template>
  <div>
    <p>原始字符串: {{ stringNumber }}</p>
    <p>转换后的数字: {{ convertedNumber }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      stringNumber: "123.45", // 这是一个字符串形式的数字
    };
  },
  computed: {
    // 使用 Number() 函数将字符串转换为数字
    convertedNumber() {
      return Number(this.stringNumber);
    }
  }
};
</script>

<!-- 解释说明：
1. `stringNumber` 是一个包含数字字符串的数据属性。
2. `convertedNumber` 是一个计算属性，它使用 `Number()` 函数将 `stringNumber` 转换为数字。
3. `Number()` 函数可以处理整数和浮点数，并且如果字符串不是有效的数字格式，则返回 NaN（Not-a-Number）。

此外，如果你需要将字符串转换为整数或浮点数，还可以使用 `parseInt()` 和 `parseFloat()` 方法。 -->