v-on监听多个方法

简介: v-on监听多个方法

方法1:

这个方法可以使用多个事件,比如点击事件、右击事件,左边的是事件名称,右边的是方法名称

<el-button type="success" v-on="{'contextmenu':box,'click':click}" round>成功按钮</el-button>
 
const box = () =>{
  console.log(1111);
}
const click = ()=>{
  console.log(2222);
}

方法2:

<button v-on:click="sayHello; sayGoodbye">Click me</button>
 
 
methods: {
        sayHello: function() {
          
        },
        sayGoodbye: function() {
          
        }
      }

方法3:

<input  v-on:input="a"  v-on:blur="b"  />
 
const a = () =>{
    console.log(1111)
}
 
const b = () =>{
    console.log(2222)
}
相关文章
|
20天前
监听开机广播
监听开机广播
16 1
|
20天前
v-on能否监听多个事件?
v-on能否监听多个事件?
|
20天前
当监听的属性是对象的引用时,`watch`选项是否会触发监听?
当监听的属性是对象的引用时,`watch`选项是否会触发监听?
16 2
|
20天前
|
JavaScript 前端开发 UED
v-on 可以监听多个方法吗?
v-on 可以监听多个方法吗?
42 0
|
10月前
v-on可以监听多个方法吗?
总结:v-on是可以同时监听多个方法的
|
10月前
v-on是否可以监听多个方法?
v-on是否可以监听多个方法?
|
10月前
|
JavaScript 前端开发
侦听属性 watch
侦听属性 watch
Listener概述、监听对象的创建和销毁、监听域对象属性变化、监听会话相关的感知型监听器及监听器实现
Listener概述、监听对象的创建和销毁、监听域对象属性变化、监听会话相关的感知型监听器及监听器实现
71 0
activiti 全局流程监听ActivitiEventListener,实现监听不同类型事件,不需要在acitivit中配置任务监听,非常方便
activiti 全局流程监听ActivitiEventListener,实现监听不同类型事件,不需要在acitivit中配置任务监听,非常方便
891 0
activiti 全局流程监听ActivitiEventListener,实现监听不同类型事件,不需要在acitivit中配置任务监听,非常方便
|
安全 Scala 开发者
241-小黄鸡服务器端完成监听 | 学习笔记
快速学习241-小黄鸡服务器端完成监听
101 0

热门文章

最新文章