vue将字符串转换为整型

在Vue中，如果你想将字符串转换为整型，可以使用JavaScript提供的内置方法`parseInt()`或`Number()`。以下是两个例子：

1. 使用`parseInt()`

let str = "123";
let num = parseInt(str); // 或者 `let num = parseInt(str, 10);` 如果默认基数不是十进制
console.log(num); // 输出：123

`parseInt()`会尝试将字符串解析为整数，如果字符串开头是非数字字符，则返回`NaN`。

2. 使用`Number()`

let str = "123";
let num = Number(str);
console.log(num); // 输出：123

`Number()`同样可以将字符串转换为数值，它更通用，可以处理浮点数，但如果字符串无法转化为有效的数字，也会返回`NaN`。

需要注意的是，在Vue组件中，可以直接在模板内进行这种转换，例如：

<template>
  <div>{{ convertStrToNum("123") }}</div>
</template>

<script>
export default {
  methods: {
    convertStrToNum(str) {
      return parseInt(str);
      // 或者：return Number(str);
    }
  }
}
</script>

在上述示例中，当你渲染页面时，Vue会在计算属性`convertStrToNum`中自动调用字符串转数字的函数。