vue使用计算属性计算两个input的值

最新推荐文章于 2024-08-13 10:25:16 发布

酒渣

最新推荐文章于 2024-08-13 10:25:16 发布

阅读量1.6k

点赞数 1

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_40923558/article/details/127279381

版权

vue 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

vue使用计算属性计算两个input的值

<template>
	<div>
		<el-input v-model="form.input1"></el-input>
		<el-input v-model="form.input2"></el-input>
		<el-input v-model="compute"></el-input>
	</div>
</template>

<script>
	export default{
		data(){
			return {
				form: {
					input1: 0,
					input2: 0
				}
			}
		},
		computed:{
			compute(){
				return Number(this.form.input1) - Number(this.form.input2);
			}
		}
	}
</script>