vue.js:634 [Vue warn]: Invalid handler for event “click“: got undefined (found in ＜Root＞)

解决Invalid handler for event “click”:问题我在学习Vue的过程中发现了一个这样的错误，导致我不能使用修饰符，最后猜测原因是因为自己只是单纯地引入了官方api的原因，没有使用npm组件造成的语法问题这时我的我的html是这样的<button @click=“clickBtn(‘好神奇！’,$event)”>点我<a href=“http://www

「已注销」

3058人浏览 · 2020-07-17 09:50:44

「已注销」 · 2020-07-17 09:50:44 发布

解决Invalid handler for event “click”:问题
我在学习Vue的过程中发现了一个这样的错误，导致我不能使用修饰符，最后猜测原因是因为自己只是单纯地引入了官方api的原因，没有使用npm组件造成的语法问题
这时我的

我的html是这样的

<button @click=“clickBtn(‘好神奇！’,$event)”>点我
<a href=“http://www.baidu.com” @click=“btnClick.prevent”>点我试试
<div @click=“father” style=“height: 100px; background-color: rebeccapurple; width: 100px;”>
<button @click=“son.stop”>点我我是儿子

在这里我的prevent阻止默认事件修饰符和 stop 阻止冒泡事件修饰符都不能很好地使用，但是我的语法样式和官网的没有差别，但当我删除了这两个修饰符的时候，警告消失了。说明问题就出在他们身上，所以我初步认为是因为自己还没有很好地搭建好Vue的环境造成的原因，但是搭建环境自己感觉好难，好多看不懂的，所以就有些不想尝试，加油吧！努力尝试！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^