代码之家 › 专栏 › 技术社区 › Brandon

将事件处理程序方法命名为“onEvent”有哪些用例

custom-events vue.js events javascript

Brandon · 技术社区 · 6 年前

总结:

首先是一些背景知识: 我注意到在Angular style指南中有一些东西作为关于Vue的问题的基础。

Angulars样式的指南状态为自定义事件处理程序方法添加前缀 on . https://angular.io/guide/styleguide#style-05-16

返回Vue: 为什么要这样命名事件处理程序:

<CustomComponent @customEvent="onCustomEvent"/>

与这样一个更具描述性的方法名称相比:

<CustomComponent @customEvent="setUserData" />

1 回复 | 直到 6 年前

nicholaswmin 6 年前

您可能需要在处理程序中执行多个操作。

在这些情况下,很难命名处理程序本身,因此只需命名处理程序,即 handleClickEvent .

handleClickEvent: function() {
  this.setUserData()
  this.logClick()
  this.showNotification()
}

推荐文章

base · 单击按钮时,如何从父组件打开位于子组件中的模态?

5 月前

Ben Foltz · 更新/删除递归子组件

6 月前

Andy BnOne · 我可以为泛型类型的道具设置默认值吗

6 月前

Felix · 更改vuetify v-field标签字体大小

7 月前

user2263572 · Vue.js在脚本与模板中调用util时的不同功能(以及考虑模板解包)

7 月前

CentralDev · 如何导出和导入js文件?

10 月前

Michael · 在Nuxt/Vue中安装传单的正确方法

10 月前

gespinha · 当元素不再可见时,如何更改ref元素?

11 月前

Brad · Vue Child组件对检索到的pinia/vueFire对象失去反应性

11 月前

gespinha · 使用Vue Router时,路由参数不会在Vue组件内渲染

12 月前