Vue项目编译，浏览器报错：[Vue warn]: Invalid handler for event "cancel": got undefined

描述：定义了关闭事件，但使用的时候该方法没有起作用，查看控制台发现报错。1、如图，定义了该方法：2、打开控制台，报错如图：原因：绑定的方法不是放在methods:{}里，我不小心把绑定的函数写在了methods外面。如图：把方法放在methods:{}里就可以解决问题了，所以做项目写代码的时候一定要仔细。...

hy_ethel

3870人浏览 · 2020-01-09 21:08:23

hy_ethel · 2020-01-09 21:08:23 发布

描述：

定义了关闭事件，但使用的时候该方法没有起作用，查看控制台发现报错。

1、如图，定义了该方法：
在这里插入图片描述
2、打开控制台，报错如图：

原因：

绑定的方法不是放在methods:{}里，我不小心把绑定的函数写在了methods外面。

如图：
在这里插入图片描述
把方法放在methods:{}里就可以解决问题了，做项目写代码的时候一定要仔细啊。

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}$/, //不连续的两位字母// /^