v-on可以监听多个方法吗?

简介: 总结:v-on是可以同时监听多个方法的

v-on可以监听多个方法吗?


首先当然可以

例如

<input type="text" @click="dianji" @blur="shiqu" />

方法为

export default {
  setup() {
    const dianji = () => {
      console.log("点击了");
    };
    const shiqu = () => {
      console.log("失去了");
    };
    return {dianji, shiqu};
  },

我们设置了一个点击事件和一个失去焦点的事件

我们也可以通过v-on进行一个监听

例如

<input type="text" v-on="{ click: dianji, blur: shiqu }" />

总结:v-on是可以同时监听多个方法的

相关文章
|
10天前
|
前端开发
this.props.history.listen路由监听与取消监听
在React中使用`this.props.history.listen`进行路由变化监听,并在组件卸载时通过调用返回的函数取消监听,以避免不必要的回调执行或内存泄漏。
22 2
|
5月前
监听开机广播
监听开机广播
35 1
|
5月前
v-on监听多个方法
v-on监听多个方法
31 0
|
5月前
v-on能否监听多个事件?
v-on能否监听多个事件?
45 0
|
5月前
当监听的属性是对象的引用时,`watch`选项是否会触发监听?
当监听的属性是对象的引用时,`watch`选项是否会触发监听?
32 2
|
5月前
|
JavaScript 前端开发 UED
v-on 可以监听多个方法吗?
v-on 可以监听多个方法吗?
62 0
|
JavaScript 前端开发
侦听属性 watch
侦听属性 watch
Listener概述、监听对象的创建和销毁、监听域对象属性变化、监听会话相关的感知型监听器及监听器实现
Listener概述、监听对象的创建和销毁、监听域对象属性变化、监听会话相关的感知型监听器及监听器实现
88 0
activiti 全局流程监听ActivitiEventListener,实现监听不同类型事件,不需要在acitivit中配置任务监听,非常方便
activiti 全局流程监听ActivitiEventListener,实现监听不同类型事件,不需要在acitivit中配置任务监听,非常方便
1101 0
activiti 全局流程监听ActivitiEventListener,实现监听不同类型事件,不需要在acitivit中配置任务监听,非常方便