验证v文本字段更改值

Question

我该如何操纵输入值。Show hier是示例

`https://jsfiddle.net/mbqjp4ax/`

如果数字大于5，则应输入数字9。如果我输入的数字超过5，则可以正常运行，但如果我继续输入，则无法正常运行。

Answer 1

您不需要在vue中使用getElementsByTagName等。$ refs的用法也很有限。您应该只使用v模型。

在这里你的小提琴固定

https://jsfiddle.net/pm9zwesr/

<v-text-field
    label="Price"
    v-model="price"
    @input="up">
</v-text-field>

new Vue({
  el: '#app',
  data () {
    return {
      price: 123.45
    }
  },
  methods: {
    up (){
      if (parseFloat(this.price) > 5) {
        this.$nextTick(() => {
          this.price = 9
        })        
      }
    },

    reset () {
      this.price = 0
    }
  }
})