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~

相关推荐
uhakadotcom27 分钟前
Astro 框架:快速构建内容驱动型网站的利器
前端·javascript·面试
uhakadotcom31 分钟前
了解Nest.js和Next.js:如何选择合适的框架
前端·javascript·面试
uhakadotcom32 分钟前
React与Next.js:基础知识及应用场景
前端·面试·github
uhakadotcom42 分钟前
Remix 框架:性能与易用性的完美结合
前端·javascript·面试
uhakadotcom1 小时前
Node.js 包管理器:npm vs pnpm
前端·javascript·面试
LaoZhangAI2 小时前
2025最全GPT-4o图像生成API指南:官方接口配置+15个实用提示词【保姆级教程】
前端
ONE_Gua2 小时前
chromium魔改——CDP(Chrome DevTools Protocol)检测01
前端·后端·爬虫
LaoZhangAI2 小时前
2025最全Cherry Studio使用MCP指南:8种强大工具配置方法与实战案例
前端
咖啡教室2 小时前
前端开发日常工作每日记录笔记(2019至2024合集)
前端·javascript
溪饱鱼2 小时前
Nuxt3能上生产吗?
前端