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是可以同时监听多个方法的

相关文章
|
1月前
|
开发者 UED
|
3月前
|
前端开发
this.props.history.listen路由监听与取消监听
在React中使用`this.props.history.listen`进行路由变化监听,并在组件卸载时通过调用返回的函数取消监听,以避免不必要的回调执行或内存泄漏。
40 2
|
6月前
|
XML Android开发 数据格式
37. 【Android教程】基于监听的事件处理机制
37. 【Android教程】基于监听的事件处理机制
91 2
|
7月前
监听开机广播
监听开机广播
47 1
|
7月前
v-on监听多个方法
v-on监听多个方法
41 0
|
7月前
v-on能否监听多个事件?
v-on能否监听多个事件?
95 0
|
7月前
当监听的属性是对象的引用时,`watch`选项是否会触发监听?
当监听的属性是对象的引用时,`watch`选项是否会触发监听?
41 2
|
7月前
|
JavaScript 前端开发 UED
v-on 可以监听多个方法吗?
v-on 可以监听多个方法吗?
77 0
Listener概述、监听对象的创建和销毁、监听域对象属性变化、监听会话相关的感知型监听器及监听器实现
Listener概述、监听对象的创建和销毁、监听域对象属性变化、监听会话相关的感知型监听器及监听器实现
116 0