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