Question

有一个包含3个字段的表单，

总商品（QTY）
单位价格（单个商品）
总价（所有商品）

这种情况是这样的，用户将输入Total Item以及其他单价或总价，如果用户输入单价，我必须通过将总商品乘以单价来计算总价，如果用户输入总价，我必须将其除以总项目并获得单价。

我试图通过在watch中包含单价和总价来实现这一目标，但没有成功，这是我的代码

  watch:{
        unit_rate: function(newVal){
            if(newVal != ''){
                this.total_rate = parseInt(this.total_item) * parseFloat(newVal);
            }else{
                this.total_rate = '';
            }
        },
        total_rate: function(newVal){
            if(newVal != ''){
                this.unit_rate = parseFloat(newVal) / parseInt(this.total_item);
            }else{
                this.unit_rate = '';
            }
        }
    },

我不确定当两个对象都已经在观察中时是否可以像这样修改属性。我也没有得到预期的输出，有问题，

Answer 1

我从其他帖子中找到了自己的问题的答案，这是链接 VueJS watching properties and changing data

VueJS依赖的属性

1 个答案: