Vue 3中的值輸入V-model方程

Question

我使用 vue3，但輸入有問題，

我想顯示該值的方程式結果，如下所示： <輸入編號

id="integeronly"

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

      />

</td>

但問題是，當我在輸入數量中輸入數字時，結果不會以動態方式更新，我必須單擊某處

我嘗試了 V-model 而不是 :value 但它不起作用

如果 :value 無法實現，請您幫助我，如何使用帶函數的 v-model 來做到這一點？如果是的話，請告訴我如何寫該函數

Answer 1

在此輸入程式碼 這是程式碼：

sssccc

它可以工作，但它不是動態的，它不會立即顯示在輸入上

Answer 2

嘗試像下面的程式碼片段：

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