如何在Vue中将字符串转换为数字

let str = "123";
let num = parseInt(str); // 将字符串转换为整数
console.log(num); // 输出：123

let str = "3.14";
let num = parseFloat(str); // 将字符串转换为浮点数
console.log(num); // 输出：3.14

<template>
  <div>
    <input type="text" v-model.number="num" />
    <p>转换后的数字：{{ num }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      num: 0
    };
  }
};
</script>

<template>
  <div>
    <p>转换后的数字：{{ str | toNumber }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      str: "456"
    };
  },
  filters: {
    toNumber(value) {
      return Number(value);
    }
  }
};
</script>