TypeError: increaseBtn is not a function

最新推荐文章于 2024-11-01 14:29:13 发布

近景_

最新推荐文章于 2024-11-01 14:29:13 发布

阅读量207

点赞数 1

分类专栏：解决问题文章标签： Vue.js 错误修复 methods 数据绑定前端开发

本文链接：https://blog.csdn.net/qq_54162207/article/details/124933988

版权

解决问题专栏收录该内容

5 篇文章 0 订阅

订阅专栏

我是在写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>