vue3 输入框数值转为字符显示

在 Vue3 中，可以使用 v-model 指令绑定输入框的值，并使用 {{}} 插值表达式将其转换为字符串进行显示。示例代码如下：

<template>
  <div>
    <label for="input">请输入数字：</label>
    <input type="number" id="input" v-model="num">
    <p>您输入的数字是：{{num.toString()}}</p>
  </div>
</template>

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

在上述示例中，通过 v-model 指令将输入框的值绑定到 data 中的 num 属性上。在插值表达式中，通过调用 num 对象的 toString() 方法将其转换为字符串进行显示。