老师请检查,另外watch这个方法前面好像没有讲吧,老师可否具体介绍一下watch
来源:3-23 自由编程
慕尼黑4041527
2020-10-24 20:40:11
# 具体遇到的问题
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
watch下面的第一个函数名称就是被监听的值吗?一共可以传几个参数,可以监听多个变量吗?谢谢老师
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
在这里输入代码,可通过选择【代码语言】突出显示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="vm">
<input type="text" v-model.number="num1">
<select name="" id="" v-model="sympol">
<option disabled>--请选择--</option>
<option >+</option>
<option >-</option>
<option >*</option>
<option >/</option>
</select>
<input type="text" v-model.number="num2">
<button @click="click">=</button>
<input type="text" disabled v-model="sum">
</div>
<script src="./../C.vue/vue.js"></script>
<script>
let vm=new Vue({
el:"#vm",
data:{
num1:"",
num2:"",
sympol:"",
sum:""
},
methods:{
click:function(){
switch (this.sympol) {
case '+':
this.sum=this.num1+this.num2
break;
case '-':
this.sum=this.num1-this.num2
break;
case '*':
this.sum=this.num1*this.num2
break;
case '/':
this.sum=this.num1/this.num2
break;
}
},
},
watch: {
sympol: function(sympol) {
this.click(sympol);
}
}
})
</script>
</body>
</html>
1回答