vue字符串转int

在Vue.js中，将字符串转换为整数可以通过多种方法实现。以下是几种常见的方法：

使用JavaScript的parseInt函数：
let str = "123";
let num = parseInt(str);
console.log(num); // 输出: 123
登录后复制

使用JavaScript的Number构造函数：
let str = "123";
let num = Number(str);
console.log(num); // 输出: 123
登录后复制

使用JavaScript的+运算符：
let str = "123";
let num = +str;
console.log(num); // 输出: 123
登录后复制

在Vue组件中使用：
<template>
<div>
<input v-model="str" placeholder="输入一个数字字符串">
<p>转换后的数字: {{ num }}</p>
</div>
</template>

<script>
export default {
data() {
return {
str: ""
};
},
computed: {
num() {
return parseInt(this.str) || 0;
}
}
};
</script>
登录后复制

在上述示例中，computed属性num会根据str的值自动计算转换后的整数。如果str不是有效的数字字符串，num将返回0。