VUE怎么把字符转为数字

在Vue.js中，将字符串转换为数字通常有两种常见的方法：利用JavaScript内置函数或使用Vue的辅助方法。

**1. 使用JavaScript内置函数**：
在组件内部，可以直接使用JavaScript的`parseInt()`或`parseFloat()`函数来转换字符串为整数或浮点数。

let strNumber = "123";
let number = parseInt(strNumber); // 或 parseFloat(strNumber) 如果需要浮点数

// 如果不确定是否能成功转换，可以用isNaN检查
if (!isNaN(number)) {
  console.log(number);
}

**2. 使用Vue的计算属性（Computed Property）**：
如果需要在模板中动态转换，可以创建一个计算属性，这样可以在运行时更安全地处理输入。

export default {
  data() {
    return {
      strValue: '123',
    };
  },
  computed: {
    numValue() {
      const value = this.strValue.trim(); // 去除首尾空格
      return Number.isNaN(Number(value)) ? 0 : Number(value); // 判断是否能转换成数字，如果不能返回0
    },
  },
  template: `
    <input type="text" v-model="strValue">
    <p>数值：{{ numValue }}</p>
  `,
};

这里使用了`Number.isNaN()`来检查转换后的结果是否有效。