Invalid handler for event "click": got undefined

来源:2-3 Vue实例中的数据,事件和方法

宝慕林5862680

2019-07-13 01:00

<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./vue.js"></script>
</head>
<body>
<!--这里的div是挂载点-->
<div id="sio">
    <div v-on:click="handleClick">
        {{content}}
    </div>
</div>
<script>
    new Vue({
        el: "#sio",
        data: {
            content: "hello"
        },
        method: {
            handleClick: function () {
                alert(123)
            }
        }
    })
</script>
</body>
</html>

https://img2.mukewang.com/5d28bc7c0001cec006650723.jpg

如图,点击hello后没有反应,控制台输出的信息如上。求帮忙?

写回答 关注

1回答

  • 宝慕林5862680
    2019-07-13 01:03:11

    已解决...method打少了一个s,正确应该是methods,粗心大意惹的锅

vue2.5入门

快速理解Vue编程理念上手Vue2.0开发。

147087 学习 · 657 问题

查看课程

相似问题