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~

相关推荐
咖啡の猫2 分钟前
TypeScript-webpack
javascript·webpack·typescript
囊中之锥.3 分钟前
《HTML 网页构造指南:从基础结构到实用标签》
前端·html
饼饼饼3 分钟前
从 0 到 1:前端 CI/CD 实战(第二篇:用Docker 部署 GitLab)
前端·自动化运维
qq_406176144 分钟前
JavaScript的同步与异步
前端·网络·tcp/ip·ajax·okhttp
beckyyy11 分钟前
ant design vue Table根据数据合并单元格
前端·ant design
小脑虎12 分钟前
JavaScript 进阶核心文档(零基础衔接版,通俗易懂 2025最新)
javascript
用户81686947472513 分钟前
Commit 阶段的 3 个子阶段与副作用执行全解析
前端·react.js
岭子笑笑13 分钟前
Vant4图片懒加载源码解析(一)
前端
老华带你飞16 分钟前
婚纱摄影网站|基于java + vue婚纱摄影网站系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
旅行的狮子17 分钟前
5分钟快速体验Midscene.js(Node环境、Playwright)
开发语言·javascript·midscenejs