vue string转int

// 在 Vue.js 中，将字符串转换为整数可以使用 JavaScript 的内置方法 parseInt 或 Number。

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

<script>
export default {
  data() {
    return {
      stringNumber: "123", // 原始字符串
      intNumber: null // 转换后的整数
    };
  },
  created() {
    // 使用 parseInt 将字符串转换为整数
    this.intNumber = parseInt(this.stringNumber, 10);

    // 或者使用 Number 方法
    // this.intNumber = Number(this.stringNumber);
  }
};
</script>

<style scoped>
/* 样式可以根据需要添加 */
</style>

解释说明：

1. 模板部分 (<template>)：展示了原始字符串和转换后的整数。
2. 脚本部分 (<script>)：
   • data 函数返回一个对象，包含两个属性：stringNumber（原始字符串）和 intNumber（转换后的整数）。
   • 在 created 生命周期钩子中，使用 parseInt 或 Number 方法将字符串转换为整数，并将其赋值给 intNumber。
3. 样式部分 (<style scoped>)：这里没有特别的样式，可以根据需要添加。

你可以根据具体需求选择使用 parseInt 或 Number 方法。parseInt 可以指定基数（如 10 进制），而 Number 则直接尝试将字符串转换为数字。