Vue.js 文本框 v-model 值后缀添加自定义单位（例如：小时）

可以使用计算属性来实现这个功能。首先在 data 中定义一个变量，用于存储文本框的值：

data() {
  return {
    inputValue: 1
  }
}

然后通过计算属性来将该值加上小时单位：

computed: {
  displayValue() {
    return this.inputValue + '小时'
  }
}

最后在模板中使用 v-model 绑定计算属性即可：

<input type="text" v-model="inputValue">
{{ displayValue }}

这样在文本框中输入的值会被加上小时单位，但提交的 value 值仍为原始值。