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~

相关推荐
爱勇宝6 小时前
从前端到全栈,我最后学会的是:先做产品
前端·后端
console.log('npc')6 小时前
Grill-Me 技能使用教程
前端·大模型·产品·skill·需求
真空回流焊炉6 小时前
数字功率芯片真空共晶设备实操教程与要点解析
前端·人工智能
mayaairi7 小时前
JS DOM属性操作完全指南:内容、样式与自定义属性
开发语言·前端·javascript
avi91117 小时前
Threejs新版本后glb导出提示.x问题GLTFExporter,替代3dmax
开发语言·前端·javascript·threejs·glb·gltfexporter
treesforest7 小时前
前端表单提效实践:基于IP地理位置实现国家区号智能预填
前端·网络协议·tcp/ip·ip定位·ip属地
用户298698530147 小时前
React 中 Word 文档转图片的实践方案
前端·javascript·react.js
Csvn7 小时前
异步并发控制:手写并发池、竞态防护与取消的完整方案
前端·javascript
csuzhucong7 小时前
二十一 - 四十阶魔方
javascript·css·html
专业抄代码选手7 小时前
06|双缓冲与 Commit:让 Fiber 支持第二次渲染
前端·javascript·react.js