Vue 3中的值输入V-model方程-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

P粉450079266 2024-03-27 18:05:03

[Vue.js讨论组]

753

我使用 vue3，但输入有问题，

我想显示该值的方程结果，如下所示： <输入编号

id="integeronly"

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

      />

</td>

但问题是，当我在输入数量中输入数字时，结果不会以动态方式更新，我必须单击某处

我尝试了 V-model 而不是 :value 但它不起作用

如果 :value 无法实现，请您帮助我，如何使用带函数的 v-model 来做到这一点？如果是的话，请告诉我如何编写该函数

P粉450079266

全部回复(2)

P粉2454893912024-03-28 12:26:27 2楼

在此输入代码这是代码：

它可以工作，但它不是动态的，它不会立即显示在输入上

赞 +0

添加回复

P粉4097421422024-03-28 12:22:20 1楼

尝试像下面的代码片段：

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