Vue表单自动计算（computed）

项目中需要通过实时计算出表单值，作为vue小白记录下

参考博文

前辈们的博文：

watch和computed用法. 过滤NaN值.

js代码：

computed: { c: function () { // 定义并且给c赋值 return parseInt(this.form.a) + parseInt(this.form.b) } }

数据

form: { a: '', b: '' },

计算c=a+b

这里可以看到由于C被定义后，在b和c没有完全输入返回值未知，为NaN，所以通过判断过滤掉：

更改后js：

c: function () { // return parseInt(this.form.a) + parseInt(this.form.b) if (isNaN(parseInt(this.form.a) + parseInt(this.form.b))) { return '' } else { return parseInt(this.form.a) + parseInt(this.form.b) } }

效果：