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~

相关推荐
fruge19 分钟前
前端简历优化:如何突出项目亮点与技术深度(附示例)
前端
华仔啊22 分钟前
Vue3 + Element Plus 动态菜单实现:一套代码完美适配多角色权限系统
前端·vue.js
n***840727 分钟前
Springboot-配置文件中敏感信息的加密:三种加密保护方法比较
android·前端·后端
姜太公钓鲸23336 分钟前
Bootstrap是什么?作用是什么?使用场景是什么?如何使用?
前端·bootstrap·html
Aerelin41 分钟前
爬虫playwright中的等待机制
前端·爬虫·python
慧慧吖@1 小时前
关于在本地去模拟生产环境检测页面内容注意事项
前端·javascript·vue.js
码农很忙1 小时前
用SpreadJS实现分权限管理:前端技术栈的精准控制实践
前端
黄团团1 小时前
Vue2整合Electron开发桌面级应用以及打包发布(提供Gitee源码)
前端·javascript·vue.js·elementui·electron
勇气要爆发1 小时前
问:LocalStorage、Vuex、Pinia的区别和本质
前端
Aerelin1 小时前
iframe讲解(爬虫playwright的特殊应用)
前端·爬虫·python·html