vue.js - VueJS 依赖属性

Question

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

1. 总项目（数量）
2. 单价（单件）
3. 总价（所有项目）

场景是这样的，用户将输入 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 = '';
            }
        }
    },

我不确定我是否可以像这样修改属性，而他们都已经在观察中了。我也没有得到预期的输出，出了点问题，，

标签： vue.jsvuejs2