vue中computed计算属性应用
1、html页面
<template>
<div>
<el-form>
<el-form-item v-model="count">
<el-input v-model="count.count1"></el-input>
</el-form-item>
<el-form-item>
<el-input v-model="count.count2"></el-input>
</el-form-item>
<el-form-item>
<el-input v-model="count3"></el-input>
</el-form-item>
</el-form>
</div>
</template>
2、JS数据
<script>
data () {
return {
count: {
count1: '',
count2: '',
},
}
},
computed: {
count3: function () {
let count4 = Number(this.count.count1) * Number(this.count.count2)
return count4
}
}
</script>