Vue--------如何用 v-on 监听多个方法

如何用 v-on 监听多个方法

方法1:

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

方法2:

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

方法3:

javascript 复制代码
<input  v-on:input="a"  v-on:blur="b"  />
 
const a = () =>{
    console.log(1111)
}
 
const b = () =>{
    console.log(2222)
}

ヾ( ̄▽ ̄)Bye~Bye~

相关推荐
搞个锤子哟几秒前
js并发请求,且限制并发请求数量实现方案
前端
米丘4 分钟前
vue-router v5.x createRouter 是创建路由实例?
前端·vue.js
cmd5 分钟前
《Vue3 watch详情:deep/immediate/flush/once 全用法 + 踩坑总结》
vue.js
阿蒙Amon14 分钟前
C#常用类库-详解JetBrains.Annotations
前端·数据库·c#
lichenyang45332 分钟前
Next.js 初学者核心知识点
前端
张一凡9332 分钟前
easy-model 在数据可视化仪表板中的应用
前端·react.js
学以智用34 分钟前
# Vue3 AJAX 请求数据
前端·vue.js
VillenK34 分钟前
@vue-office依赖报错
前端·npm
兆子龙34 分钟前
TypeScript 模板字面量类型高级用法
前端