【精简】Vue 一个@click时间绑定多个点击事件

这篇具有很好参考价值的文章主要介绍了【精简】Vue 一个@click时间绑定多个点击事件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、方案

多个方法之间使用逗号分隔(经测试其实逗号和分号都可以)

<el-button
          @click="m1(),m2()"
        >
        
m1(){
      console.log("11");
    },
    m2(){
      console.log("22")
    },

二、效果

【精简】Vue 一个@click时间绑定多个点击事件,vue.js,javascript,前端

三、猜想

经过debugger测试 好像m1和m2执行是按@click写的顺序来执行的并非异步文章来源地址https://www.toymoban.com/news/detail-787017.html

到了这里,关于【精简】Vue 一个@click时间绑定多个点击事件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 使用Vue.js框架的指令和事件绑定实现一个购物车的页面布局

    使用了v-model指令来实现全选/全不选的功能,当全选框被点击时,isAllChecked的值会被改变。 使用了v-if指令来判断购物车中是否有商品,如果有商品则渲染商品列表,否则显示购物车为空的提示。 使用了v-for指令来遍历datalist数组,渲染每个商品项。 使用了@change事件来监听商

    2024年02月12日
    浏览(35)
  • div绑定键盘点击事件

    为箭头绑定绑定键盘方向键 键盘上各按键对应的英文名

    2024年02月07日
    浏览(37)
  • vue3 事件处理 @click

    vue3 事件处理 @click 传入多个函数,函数需要带上括号() 无stop:会触发 btnClick,再触发divClick 有stop:只触发btnClick 按下对应按钮,会触发对应事件 常用的按键 按键 解释 enter 回车 tab 切换 delete 删除 esc 退出 space 空格 up 向上 down 向下 left 向左 right 向右

    2024年02月12日
    浏览(35)
  • 【微信小程序】通过绑定点击事件来实现点击交互

    在微信小程序中,可以通过绑定点击事件来实现点击交互。以下是点击事件的实现步骤: 在WXML文件中,找到需要绑定点击事件的元素,例如按钮、图片等。 在该元素上添加 bindtap 属性,并指定一个对应的事件处理函数,例如: 在对应的页面或组件的JS文件中,定义事件处理

    2024年02月14日
    浏览(36)
  • uniapp微信小程序 实现评论键盘弹出的时候 有两个输入框,第一个输入框被禁用并绑定了点击事件,点击后想要触发第二个输入框获取焦点并弹出键盘。但是在 iOS 真机上点击后键盘会短暂失去焦点

    问题 :我现在有一个需求就是 要实现输入评论  有两个输入框,第一个输入框被禁用并绑定了点击事件,点击后想要触发第二个输入框获取焦点并弹出键盘。但是在 iOS 真机上点击后键盘会短暂失去焦点  安卓真机测试没有问题 原因 : 1. iOS 上输入框聚焦有一个显式的动画过

    2024年02月04日
    浏览(38)
  • Unity(六)--绑定鼠标点击事件(左键、右键、中键)

    新建一个脚本buttonEvent:

    2024年02月01日
    浏览(35)
  • 在uniapp中为自定义组件绑定点击事件点击后没有效果

    使用uniapp时,封装了一个Card的组件,为这个Card组件加上点击事件 @click=\\\"handleClick\\\"事件时,事件没有触发。 点开微信小程序生成后的源码,可以看到 @click的事件 变成bindClick 了。正确的点击事件应该是 bindtap ,如下图中view上面绑定事件。 这个时候可以修改组件上面的写法,

    2024年02月07日
    浏览(33)
  • 【无标题】微信小程序如果VIEW绑定点击事件

    微信小程序如果VIEW绑定点击事件,而且绑定的VIEW中存在许多子元素,会出现一下问题: 在回调函数中使用e.target来获取消息,虽然触发了点击事件,但是传递的消息是空值,只有点击在空白区域才会返回有效值。 解决方法:使用e.currentTarget来获取消息。 js回调函数: wxml代

    2024年02月08日
    浏览(32)
  • 小程序解决view 绑定 点击事件不生效的问题

    错误代码: view class=\\\"title_container_selected\\\" wx:for=\\\"{{guest_title_array}}\\\" wx:key=\\\"item\\\" bind:tap=\\\"titleContainerTapped\\\" data-title=\\\"{{item.title}}\\\" 改正之后的代码: view class=\\\"title_container_selected\\\" wx:for=\\\"{{guest_title_array}}\\\" wx:key=\\\"item\\\" catch:tap=\\\"titleContainerTapped\\\" data-title=\\\"{{item.title}}\\\"

    2024年04月29日
    浏览(33)
  • Vue:@click.stop -- 阻止事件向父级元素传递

    最近遇到这么一个问题:有一个父div,包含一个子div。要求单击父div时执行fun()函数,而单击子div时不执行fun()函数。 可以使用 @click.stop 阻止事件向父级元素传递 在Vue中, @click 是一个指令,用于监听元素的点击事件。 @click.stop 是其中的一个修饰符,它的作用是阻止事件冒泡

    2024年02月11日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包