vue3一个元素如何绑定两个或多个事件

 更新时间:2023年11月15日 08:37:34   作者:m0_74238181  
这篇文章主要介绍了vue3一个元素如何绑定两个或多个事件问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vue3一个元素绑定两个或多个事件

绑定方法很简单,这里举例说明一下大家就懂了:

@click="fun1();fun2()"

fun1(),fun2()为两个不同的事件,这里需要注意一下,如果事件为表达式,函数后面可以不加小括号。

但是如果事件是方法,函数后面就一定要加小括号,否则就不会执行未加小括号的事件。

vue单个元素绑定多个事件 例如点击绑定多个事件方法

在vue中 给单个元素绑定不同的事件同时去操作不同的逻辑,这样的话就是异步处理

举个例子

注意 绑定事件的时候要用 **;**隔开

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue实现导航栏点击当前标签变色功能

    Vue实现导航栏点击当前标签变色功能

    这篇文章主要为大家详细介绍了Vue实现导航栏点击当前标签变色功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • vue3+ts深入组件Props实例详解

    vue3+ts深入组件Props实例详解

    Props是组件之间进行数据传递的一种方式,可以将数据从父组件传递给子组件,这篇文章主要介绍了vue3+ts深入组件Props的实例详解,需要的朋友可以参考下
    2023-09-09
  • 详解vue3沙箱机制

    详解vue3沙箱机制

    这篇文章主要介绍了详解vue3 沙箱机制,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-04-04
  • vue实现移动端多格输入框

    vue实现移动端多格输入框

    这篇文章主要为大家详细介绍了vue实现移动端多格输入框,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • vue3图片剪裁插件vue-img-cutter使用小结

    vue3图片剪裁插件vue-img-cutter使用小结

    Vue.js是一款流行的JavaScript前端框架,很受用户喜爱,这篇文章主要介绍了vue3图片剪裁插件vue-img-cutter使用小结,本文结合示例代码讲解的非常详细,感兴趣的朋友一起看看吧
    2024-01-01
  • 基于axios请求封装的vue应用实例代码

    基于axios请求封装的vue应用实例代码

    这篇文章主要给大家介绍了基于axios请求封装的vue应用的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • 前端之vue3使用WebSocket的详细步骤

    前端之vue3使用WebSocket的详细步骤

    websocket实现的全双工通信,真真太香了,下面这篇文章主要给大家介绍了关于前端之vue3使用WebSocket的详细步骤,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-11-11
  • Vue项目中引入 ECharts

    Vue项目中引入 ECharts

    这篇文章主要介绍了Vue项目中引入 ECharts,ECharts是一个强大的画图插件,在vue项目中,我们常常可以引用Echarts来完成完成一些图表的绘制;以下介绍vue项目中引用并使用ECharts,具有一定的参考价值,需要的小伙伴可以参考一下
    2021-12-12
  • Vue.extend 登录注册模态框的实现

    Vue.extend 登录注册模态框的实现

    这篇文章主要介绍了Vue.extend 登录注册模态框的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能

    Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能

    这篇文章主要为大家详细介绍了Vue2.0实现调用摄像头进行拍照功能,以及图片上传功能引用exif.js,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-04-04

最新评论