[vue] v-on可以绑定多个方法吗？ #291

Open

Open

[vue] v-on可以绑定多个方法吗？#291

Labels

Collaborator

[vue] v-on可以绑定多个方法吗？

added

on Jun 18, 2019

可以例如 input 的聚焦失焦事件绑定各自的方法, 是不是可以这样理解

<input type="text" :value="name" @input="onInput" @focus="onFocus" @blur="onBlur" />

No description provided.

  <input v-model="msg" type="text"
 v-on="{
input:a,
focus:b
}"/>

v-on 指令可以绑定多个方法。可以使用多个事件处理函数来处理同一个事件。

<button v-on:click="handleClick, handleAnotherClick">Click me</button>

methods: {
  handleClick() {
    console.log('Clicked!');
  },
  handleAnotherClick() {
    console.log('Another Clicked!');
  }
}
···
在 Vue 实例的 methods 中定义了 handleClick 和 handleAnotherClick 两个方法，它们分别在按钮的点击事件中被绑定。

可以通过这种方式来实现多个方法对同一个事件进行响应，从而实现更灵活的事件处理。

to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Participants