abstract：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vuejs作業(yè)</title> </head> <body> <div id = "box&quo
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vuejs作業(yè)</title>
</head>
<body>
<div id = "box">
<h2>加減運算</h2>
<input type="text" v-model="number1"> + <input type="text" v-model = "number2"> =<span>{{message}}</span>
</div>
<script src ="js/vue.js"></script>
<script>
new Vue({
el:'#box',
data:{
number1:0,
number2:0,
message:0
},
watch:{
number1:function(e){
if(isNaN(e))
{
this.message='請輸入合法數(shù)值';
}else{
this.message=parseFloat(this.number1)+parseFloat(this.number2);
}
},
number2:function(e){
if(isNaN(e))
{
this.message='請輸入合法數(shù)值';
}else{
this.message=parseFloat(this.number1)+parseFloat(this.number2);
}
}
}
})
</script>
</body>
</html>
Correcting teacher：韋小寶Correction time：2019-03-04 09:14:07
Teacher's summary：使用了偵聽器帶來了很大的方便 可能需要使用jQuery寫幾行代碼的量 在這里輕輕松松就搞定了