Valeurs dans Vue 3 entrées dans l'équation du modèle V

Question

J'utilise vue3, mais il y a un problème avec la saisie,

Je souhaite afficher le résultat de l'équation pour cette valeur comme ceci : <Entrez le numéro

id="integeronly"

        :value="element.qu * element.price"

      />

</td>

Mais le problème est que lorsque je saisis le nombre dans la quantité saisie, le résultat ne se met pas à jour dynamiquement, je dois cliquer quelque part

J'ai essayé le modèle V au lieu de :value mais ça ne marche pas

Si :value n'est pas possible, pourriez-vous m'aider, comment puis-je faire cela en utilisant v-model avec une fonction ? Si oui, dites-moi comment écrire la fonction

Answer 1

Entrez le code ici Voici le code :

sssccc

Ça fonctionne, mais ce n'est pas dynamique, ça n'apparaît pas immédiatement sur l'entrée

Answer 2

Essayez un extrait de code comme ci-dessous :

new Vue({
  el: '#demo',
  data() {
    return {
      elements: [{id: 1, ref: 'laptop', qu: 5, price: 15}, {id: 2, ref: 'mob', qu: 3, price: 10}]
    }
  },
  methods: {
    total(el) {
      return el.qu * el.price
    }
  }
})

Vue.config.productionTip = false
Vue.config.devtools = false

sssccc