vue 在文本框v-model值后面加自定义的值例如文本框value值为1 我想把它显示成1小时小时是自己加上去的但不影响提交的value值该怎么办
可以使用计算属性来实现这个功能。首先在data中定义一个变量,用于存储文本框的值:
data() {
  return {
    inputValue: 1
  }
}
然后通过计算属性来将该值加上小时单位:
computed: {
  displayValue() {
    return this.inputValue + '小时'
  }
}
最后在模板中使用v-model绑定计算属性即可:
<input type="text" v-model="inputValue">
{{ displayValue }}
这样在文本框中输入的值会被加上小时单位,但提交的value值仍为原始值。
原文地址: https://www.cveoy.top/t/topic/buv4 著作权归作者所有。请勿转载和采集!