老师您好，您帮我看下这段代码，我实现点击增加按钮，发现到增加一下就停止了。
来源：1-2 工程目录代码简介及整理
Vigorous阿炎
2021-01-21 17:04:32
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>vue简单算法</title>
<style>
.btn{
width: 80px;
height: 30px;
border: 1px solid #333;
background-color: #f00;
font-size: 20px;
text-align: center;
margin: 0 20px;
}
</style>
</head>
<body>
<div id="app">
<button class="btn" @click="add">增加</button>
<span>{{num}}</span>
<button class="btn" @click="sub">递减</button>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
var app=new Vue({
el:"#app",
data:{
num:1
},
methods:{
add:function(){
// num=this.num+1
this.num++
}
}
})
</script>
</body>
</html>
2回答
-
好帮手慕言
2021-01-21
同学你好，在没点击按钮之前，控制台就已经报错了，如下：
报错提示sub没有定义，因此在代码中定义sub即可解决报错。
祝学习愉快~
0h021-01-21 -
好帮手慕言
2021-01-21
同学你好，是因为没有定义sub方法导致的报错，建议：在methods中定义sub方法，例如：
祝学习愉快~
0h021-01-21
相似问题