vue将字符串转换为整型

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

使用parseInt()
let str = "123";
let num = parseInt(str); // 或者 `let num = parseInt(str, 10);` 如果默认基数不是十进制
console.log(num); // 输出：123
登录后复制
parseInt()会尝试将字符串解析为整数，如果字符串开头是非数字字符，则返回NaN。

使用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中自动调用字符串转数字的函数。