返回vue整数相加......登陆

vue整数相加求和作业,数据双向绑定和自动求和

hiki19872019-01-10 01:41:391783

QQ截图20190110014012.jpg

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>整数相加作业</title>
</head>
<body>
<div id="box">
<input type="text" v-model="a">+
<input type="text" v-model="b">= {{c}}
</div>

<script src="js/Vue.js"></script>
<script>
new Vue({
//绑定一个挂载点
el:'#box',
//创建了一个数据模型
data:{
a:'',
b:'',
messages:'请输入数字,以免影响计算结果',
isShow:false,
warning:'color:red'
},
computed:{
c:function(){
return Number(this.a) + Number(this.b)
}
},

})
</script>
</body>
</html>


最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送