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

data() {
  return {
    inputValue: 1
  }
}

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

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

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

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

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

vue 在文本框v-model值后面加自定义的值例如文本框value值为1 我想把它显示成1小时小时是自己加上去的但不影响提交的value值该怎么办

原文地址: https://www.cveoy.top/t/topic/buv4 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录