开发中遇到的bug-Property or method “xxxx“ is not defined on the instance but referenced during render.

最新推荐文章于 2023-09-09 05:45:00 发布

原创最新推荐文章于 2023-09-09 05:45:00 发布 · 1.9w 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue #js

收录于

开发bug合集专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一个关于Vue.js应用中方法调用的小错误及其解决方案。通过一个简单的计数器示例，展示了如何正确地定义和使用方法，确保按钮点击事件能够正确更新视图中的计数器值。

method没加s加上就好了

<body>
    <div id="app">
        <button @click="sub">-</button>
        <span>{{code}}</span>
        <button @click="add">+</button>
    </div>
    <script>
        var app = new Vue({
            el: "#app",
            data: {
                code: 0
            },
            methods: {
                add: function () {
                    if (this.code < 10) {
                        this.code++;
                    } else {
                        alert('到头啦！不要再加啦');
                    }
                },
                sub: function () {
                    if (this.code > 0) {
                        this.code--;
                    } else {
                        alert('到头啦！不要再减啦');
                    }
                }
            }
        })
    </script>
</body>