怎么一直报错？
来源：3-23 自由编程
Aurora_Meteor
2020-05-22 13:48:43
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>计算器</title>
<script src="./vue.js"></script>
</head>
<body>
<div id="app">
<input type="text" v-model.number="number1">
<select v-model="value">
<option>+</option>
<option>-</option>
<option>*</option>
<option>/</option>
</select>
<input type="text" v-model.number="number2">
<button @click="handle">=</button>
<input type="text" v-model.number="result">
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
number1: '',
value: '+',
number2: '',
result: ''
},
method: {
handle: function() {
var n1 = this.number1;
var n2 = this.number2;
switch (this.value) {
case '+':
this.result = n1 + n2;
break;
case '-':
this.result = n1 - n2;
break;
case '*':
this.result = n1 * n2;
break;
case '/':
this.result = n1 / n2;
break;
}
}
},
watch: {
value: function(value) {
this.handle(value);
},
number1: function(value) {
this.handle(value);
},
number2: function(value) {
this.handle(value);
},
}
})
</script>
</body>
</html>
3回答
-
同学你好，应该是methods，少了一个s哦。
如果我的回答帮助了你，欢迎采纳，祝学习愉快~
0h020-05-22 -
好帮手慕糖
2020-05-22
同学你好，是的，题目要求就是这样。
按钮是有用的。在只改变数字，但是不改变符号的时候，是不会计算的。需要点击按钮。
这个只是练习题，主要是学会运用。若是有其他的需求、实现其他功能，可以根据需求修改改变哦。
祝学习愉快~
0 -
好帮手慕糖
2020-05-22
同学你好，是的，是全部监听导致的。只监听符号就可以了。
符号改变之后，直接得出结果。若是改变数字之后，需要点击等号出结果。这样的话，可以将数字的监听去掉。例：
祝学习愉快~
0h020-05-22
相似问题