Vuetify v-text-field change value

Question

comment puis-je manipuler la valeur d'entrée. Montrer hier est un exemple

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

si le nombre est supérieur à 5, le nombre 9 doit être entré. si j'entre plus de 5 ça marche bien mais si je continue à taper ça ne marchera pas comme prévu.

Answer 1

Vous n'avez pas besoin d'utiliser getElementsByTagName et autres choses en vue. Et les $ refs ont également une utilisation limitée. Vous devez simplement utiliser v-model.

Ici votre violon réparé

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
    }
  }
})