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

描述：

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

1、如图，定义了该方法：

2、打开控制台，报错如图：

原因：

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

如图：

把方法放在methods:{}里就可以解决问题了，做项目写代码的时候一定要仔细啊。