Vue 监听事件

Posted

技术标签:

【中文标题】Vue 监听事件【英文标题】:Vue Listening to an event 【发布时间】:2020-06-25 03:22:57 【问题描述】:
 <router-view @loggedIn="changed"></router-view>

嗨,我只需要知道在 vue js 的上下文中@loggedIn 是什么。我似乎在文档中找不到这种语法。这是调用 changed 方法的日志记录的自定义事件吗?

【问题讨论】:

您在使用其他软件包(如 Adonis)吗? @Dan 实际上可以从当前路由器视图发出事件:codesandbox.io/s/… @tony19 谢谢,我见过this,但他指的是一些不同的东西。 【参考方案1】:

@ 是 v-on 的简写。看这里https://vuejs.org/v2/guide/syntax.html#v-on-Shorthand

在您的标记中,这意味着您侦听从 router-view 发出的事件 loggedIn 并使用方法 changed 作为事件处理程序

【讨论】:

以上是关于Vue 监听事件的主要内容,如果未能解决你的问题,请参考以下文章

Vue中监听键盘事件

vue 监听浏览器关闭事件

在vue中使用resize事件监听浏览器窗口的变化

Vue教程事件监听

vue创建监听事件和销毁监听事件-获取可视区域的高度

ScrollView可以监听滚动结束事件吗