已解决vue错误:Invalid handler for event “click“: got undefined
vue错误:Invalid handler for event "click": got undefined问题解决我的源码(主要看vue部分):问题1.今天在复习vue的时候,遇到了这样一个错误Invalid handler for event “click”: got undefined翻译过来就是:事件“click”的处理程序无效:获取未定义事件“click”的无效处理程序:未定义2.连着一
·
vue错误:Invalid handler for event "click": got undefined
问题
1.今天在复习vue的时候,遇到了这样一个错误Invalid handler for event “click”: got undefined
翻译过来就是:事件“click”的处理程序无效:获取未定义事件“click”的无效处理程序:未定义
2.连着一起还有另一个错误:Error in nextTick: "TypeError: Cannot read property ‘_wrapper’ of undefined"
翻译过来就是:nextTick中出错:“TypeError:无法读取未定义的属性’‘u wrapper’”
解决
1.我上网搜到答案大多是说:methods里面没写方法,不过我写了。
我的问题是,方法可以使用也能生效,但就是会报上面两个错误。
我的源码(主要看vue部分):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">
<div>{{num}}</div>
<div>
<button v-on:click='handle1'>点击1</button>
<button v-on:click='handle2(123, 324, $event)'>点击2</button>
</div>
</div>
<script src='./js/vue.js'></script>
<script>
var vm = new Vue({
el: '#app',
data: {
num: '0'
},
methods: {
handle2: function(p, p1, event) {
this.num++;
console.log(p, p1);
console.log(event.target.innerHTML);
},
handle1: function(event) {
console.log(event.target.innerHTML);
}
}
})
</script>
</body>
</html>
2.后来尝试在methods前面加了个created,如下:
var vm = new Vue({
el: '#app',
data: {
num: '0'
},
created: {
handle1(),
handle2()
},
methods: {
handle2: function(p, p1, event) {
this.num++;
console.log(p, p1);
console.log(event.target.innerHTML);
},
handle1: function(event) {
console.log(event.target.innerHTML);
}
}
})
3.结果还是报错,我就把created删除了,恢复原样。一刷新发现之前的错误都小时了。
最后这个问题就这么神奇的解决了,不知道是什么原因。
更多推荐
已为社区贡献1条内容
所有评论(0)