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

Question

J'utilise vue3 mais j'ai un problème avec la saisie, je souhaite afficher le résultat de l'équation pour la valeur comme ceci : mais le problème Oui, quand j'entre un nombre dans la quantité d'entrée, le résultat ne se met pas à jour dynamiquement, je dois cliquer quelque part j'ai essayé V-model au lieu de :value mais ça ne marche pas si :value ne peut pas être implémenté

P粉245489391 · Answer

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

P粉409742142 · Answer

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