TypeError: increaseBtn is not a function

我是在写vue项目时遇到的这个报错,总的来说就是很无语吧…
造成这个错误的原因:
1、方法没有在methods之中;
2、methods单词拼写错误(看看是不是误写成method了)
3、方法名称和之前data里的变量值相同了。
在这里插入图片描述
解决办法:
1、把方法写在methods里就行了
2、把method改成methods就行了(我就是这个问题,无语!!一定要认真)
3、换个方法名称或者换个data中的变量名称就行了。

<script>
    new Vue({
      
      
        el:'#app',
        data:{
      
      
            ......
        },
        methods:{
      
      
            //查询学生信息
            searchBtn(){
      
      
            },
            //新增学生信息
            increaseBtn(){
      
      
            },
            handleEdit() {
      
      
            },
            handleDelete() {
      
      
            }
        }
    })
</script>

猜你喜欢

转载自blog.csdn.net/qq_54162207/article/details/124933988