代码:

<div id="box">
    <button @click="counter">计算</button>
    <p>按钮被单击{{count}}次</p>
</div>
<script type="text/javascript">
    var vm = new Vue({
        el: '#box',
        data: {
            count: 0
        },
        methods: {
            counter: function () {
                count++;
            }
        }
    })
</script>

报错信息:

原因:count 忘加 this 了。。。

<div id="box">
    <button @click="counter">计算</button>
    <p>按钮被单击{{count}}次</p>
</div>
<script type="text/javascript">
    var vm = new Vue({
        el: '#box',
        data: {
            count: 0
        },
        methods: {
            counter: function () {
                this.count++;
            }
        }
    })
</script>

12

Logo

前往低代码交流专区

更多推荐