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~

相关推荐
90后的晨仔1 分钟前
报错 找不到“node”的类型定义文件。 程序包含该文件是因为: 在 compilerOptions 中指定的类型库 "node" 的入口点 。
前端
90后的晨仔16 分钟前
5分钟搭建你的第一个TypeScript项目
前端·typescript
专注前端30年29 分钟前
Vue2 中 v-if 与 v-show 深度对比及实战指南
开发语言·前端·vue
90后的晨仔32 分钟前
TypeScript是什么?为什么前端必须学它?
前端
用户47949283569151 小时前
从 58MB 到 2.6MB:我是如何将 React 官网性能提升 95% 的
前端·javascript
该用户已不存在1 小时前
7个让全栈开发效率起飞的 Bun 工作流
前端·javascript·后端
芙蓉王真的好11 小时前
Angular CDK 响应式工具指南:从基础到自适应布局应用
前端·javascript·angular.js
麦麦大数据1 小时前
F038 vue+flask 微博舆情热搜情感分析大数据分析系统|前后端分离架构
vue.js·架构·flask·情感分析·微博·舆情分析
Boale_H1 小时前
如何获取npm的认证令牌token
前端·npm·node.js
qq_339191141 小时前
vue3 npm run dev局域网可以访问,vue启动设置局域网访问,
前端·vue.js·npm