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~

相关推荐
专注前端30年8 分钟前
如何使用 HTML5 的 Canvas + JavaScript 实现炫酷的游戏得分特效?
前端·javascript·游戏·html5·canvas·canva可画
q***062911 分钟前
解决 Tomcat 跨域问题 - Tomcat 配置静态文件和 Java Web 服务(Spring MVC Springboot)同时允许跨域
java·前端·spring
|晴 天|23 分钟前
2025年前端框架选择:React、Vue还是Svelte?
vue.js·react.js·前端框架
张丶大帅33 分钟前
JS案例合集
开发语言·javascript·笔记
木易 士心37 分钟前
深入理解 CSS 中的 !important
前端·css
行走的陀螺仪1 小时前
GitLab CI/CD 完整教学指南
前端·ci/cd·gitlab·团队开发·自动化测试部署
谢尔登1 小时前
Webpack高级之常用配置项
前端·webpack·node.js
helloyangkl2 小时前
前端——不同环境下配置env
前端·javascript·react.js
竹秋…2 小时前
webpack搭建react开发环境
前端·react.js·webpack
以明志、2 小时前
并行与并发
前端·数据库·c#