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~

相关推荐
UXbot2 分钟前
如何用 AI 生成产品原型:从需求描述到可交互界面的完整 5 步流程
前端·人工智能·ui·交互·ai编程
hbstream2 分钟前
Hermes Agent 一周暴涨五万 Star,但我劝你别急着追
前端·人工智能
光影少年13 分钟前
前端开发桌面端都有哪些框架?
前端·react.js·electron
Cecilialana15 分钟前
同域名、同项目、仅 hash 变化,window.location.href 不跳转
前端·javascript
Hello--_--World21 分钟前
DOM事件流与事件委托、判断数据类型、深浅拷贝、对象遍历方式
前端·javascript
落魄江湖行24 分钟前
进阶篇二 Nuxt4 渲染模式:SSR/SSG/CSR 怎么选
前端·vue.js·typescript·nuxt4
M宝可梦27 分钟前
ReAct 与 LLM Agentic 范式:从推理到行动的完整技术科普
前端·react.js·前端框架
x-cmd30 分钟前
[260416] 谷歌 Chrome 推出 Skills 功能!帮你保存、复用提示词
前端·chrome·ai·自动化·agent·x-cmd·skill
色空大师31 分钟前
【Linux-安装nginx】
linux·运维·前端·nginx·部署
董董灿是个攻城狮34 分钟前
封了几百万个账号的 Claude, 路走窄了
前端