abstrait：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title&g
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="king">
<!--方法1 使用Number()強(qiáng)制轉(zhuǎn)換為數(shù)字類型-->
<!--缺點(diǎn)：浮點(diǎn)也包含在內(nèi)了-->
<input type="text" v-model="number1"> + <input type="text" v-model="number2"> = <span>{{Number(number1)+Number(number2)}}</span>
<hr>
<!--方法2 使用-->
<input type="text" v-model="number1"> + <input type="text" v-model="number2"> = <span>{{parseInt(number1)+parseInt(number2)}}</span>
<hr>
<!--方法3-->
<input type="text" v-model="number1" placeholder="請輸入要計(jì)算的數(shù)字"> + <input type="text" v-model="number2" placeholder="請輸入要計(jì)算的數(shù)字"> = <span>{{sum}}</span>
</div>
<script>
new Vue({
el:'#king',
data:{
number1:'',
number2:'',
sum:'',
},
// 方法3 引用監(jiān)聽
methods:{
summer:function () {
this.sum = parseInt(this.number1)+parseInt(this.number2);
}
},
watch:{
//監(jiān)聽到number1變化就執(zhí)行求和
number1:function () {
this.summer();
},
//監(jiān)聽到number2變化就執(zhí)行求和
number2:function () {
this.summer()
}
}
})
</script>
</body>
</html>
Professeur correcteur：天蓬老師Temps de correction：2019-04-13 16:32:00
Résumé du professeur：如果參與運(yùn)算的操作數(shù),類型不同, 會(huì)觸發(fā)自動(dòng)轉(zhuǎn)換, 這個(gè)應(yīng)該盡量避免的, 如果有操作數(shù)自動(dòng)轉(zhuǎn)為NaN, 那么運(yùn)算結(jié)果必是NaN