0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

uni-app事件以及事件绑定

电子设计 来源:电子设计 作者:电子设计 2020-12-10 22:45 次阅读

事件修饰符
stop的使用会阻止冒泡,但是同时绑定了一个非冒泡的事件,会导致该元素上的catchEventName失效!

prevent可以直接干掉,因为uni-app里没有什么默认事件,比如submit并不会跳转页面。

self没有可以判断的标识

once也不能做,因为uni-app没有removeEventListener,虽然可以直接在handleProxy中处理,但非常的不优雅,违背了愿意,暂不考虑按键修饰符:uni-app运行在手机端,没有键盘事件,所以不支持按键修饰符。

view
视图容器

hover-class
类型为string,默认值none
指定按下去的样式类,类hover-clas时,没有点击态效果

hover-stop-propagation
类型boolean,默认值false
指定是否阻止本节点的祖先节点出现点击态

hover-start-time
类型number,默认值50
按住后多久出现点击态

hover-stay-time
类型number,默认值400
手指松开后点击态保留时间


  {{years[0] [yearIndex1]}} {{years[1][yearIndex2]}}
 



methods:{
  clickTest: function(e){
   console.log(e);
   console.log('click');
  },
  longtap: function(e){
   console.log(e);
   console.log('longtap');
  }
 }
{{index}} - {{item.name}}
methods:{
 menuClick : function(e){
  console.log(e);
  console.log(e.target.id);
 }
 },

stop 的使用会阻止冒泡


若本号内容有做得不到位的地方(比如:涉及版权或其他问题),请及时联系我们进行整改即可,会在第一时间进行处理。

审核编辑 黄昊宇

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • Linux
    +关注

    关注

    87

    文章

    11031

    浏览量

    207287
  • 数据库
    +关注

    关注

    7

    文章

    3650

    浏览量

    63761
  • javascript
    +关注

    关注

    0

    文章

    513

    浏览量

    53533
  • python
    +关注

    关注

    53

    文章

    4709

    浏览量

    83711
  • NODE.JS
    +关注

    关注

    1

    文章

    46

    浏览量

    32710
收藏 人收藏

    评论

    相关推荐

    配对过IOS13.5的手机无法连接删除绑定信息的esp32蓝牙,怎么解决?

    你好,我的IDF版本是4.1,手机是IOS13.5版本的,APP是nRF Connect。 当IOS手机配对连接esp32蓝牙成功后,把esp32本地存储的蓝牙绑定信息删除掉,IOS手机就没办法再次
    发表于 06-25 07:56

    科唛享听Uni & Uni Pro无线USB麦克风场景应用不设限

    随着互联时代的发展,音频设备行业也在不断推陈出新,满足各类用户的多样化需求。近日,科唛品牌再次发力,针对不同用户的使用习惯和场景,推出了两款全新的USB麦克风——享听Uni和享听Uni Pro,为
    的头像 发表于 06-06 16:12 186次阅读

    无线自由,静享佳音丨科唛享听Uni & Uni Pro新品上市

    6月5日,科唛发布两款极具性价比的新品——享听Uni和享听Uni Pro。支持有线无线双模式的USB麦克风一经发布便在市场上引起广泛关注。作为科唛的新一代高颜值USB麦克风,集成无线功能的行业突破性
    的头像 发表于 06-06 15:59 153次阅读

    鸿蒙开发接口Ability框架:【@ohos.application.formBindingData (卡片数据绑定类)】

    卡片数据绑定模块提供卡片数据绑定的能力。包括FormBindingData对象的创建、相关信息的描述。
    的头像 发表于 05-06 17:25 311次阅读
    鸿蒙开发接口Ability框架:【@ohos.application.formBindingData (卡片数据<b class='flag-5'>绑定</b>类)】

    udp_bind这个绑定的端口怎么解除?

    请教下,udp_bind 这个绑定的端口,刚开始是可以的,但是重新绑定时返回错误,有什么方法可以在 重新绑定前解除之前的绑定
    发表于 04-22 07:41

    APP盾的防御机制及应用场景

    APP盾的防御机制以及在不同应用场景中的应用。01什么是APP盾?APPShieldAPP盾,全名ApplicationShield,是一种专门设计用于保护移动应
    的头像 发表于 01-20 08:31 1880次阅读
    <b class='flag-5'>APP</b>盾的防御机制及应用场景

    NuMaker_Uni脱离仿真器代码无法运行怎么解决?

    RT,使用NuMaker_Uni控制OLED,连接仿真器下载代码正常,拔掉仿真器通过电池供电的5V端口供电MCU代码不运行(代码中有控制LED闪烁,LED不亮),用示波器测试了Vcc,RESET等电压均正常。
    发表于 01-17 06:48

    服务器宝塔面板怎么绑定多个ip?

    服务器宝塔面板怎么绑定多个ip?在宝塔面板中绑定多个IP地址可以通过以下步骤完成: 1、登录宝塔面板 使用你的浏览器访问宝塔面板的网址,并使用管理员账号和密码登录。 2、进入站点管理 在宝塔面板左侧
    的头像 发表于 01-12 17:29 857次阅读

    如何绑定ip地址与mac物理地址呢?

    如何绑定ip地址与mac物理地址呢? 绑定IP地址与MAC物理地址是一种网络管理和安全措施,可以帮助确保网络设备的身份验证和安全性。在这篇文章中,我们将详细介绍如何进行IP地址与MAC物理地址的绑定
    的头像 发表于 12-07 09:33 2275次阅读

    Linux内核驱动与单个PCI设备的绑定和解绑定

    在Linux内核2.6.13-rc3以前,驱动和设备之间的绑定和解绑只能通过insmod(modprobe)和rmmod来实现,但是这种实现方法有一个弊端,就是一旦绑定或者解绑定都是针对驱动与其
    的头像 发表于 11-17 17:11 1032次阅读
    Linux内核驱动与单个PCI设备的<b class='flag-5'>绑定</b>和解<b class='flag-5'>绑定</b>

    【涂鸦T2-U开发板试用体验】涂鸦APP控制板上LED

    IoT 开发平台产品创建、设备端代码适配、烧录,APP配网绑定测试。 一.涂鸦云平台产品创建 1.打开涂鸦 IoT 开发平台,未注册账号先注册账号. https://iot.tuya.com/ 2.
    发表于 11-12 18:13

    labview 数据绑定求助

    求助 LABVIEW 大神 在每个控件属性中有一个数据绑定绑定到本机的OPC服务器上 是正常可以用的如果我想把这个绑定路径做成根我提供的字符串路径动态绑定的这个该怎么实现
    发表于 10-24 09:19

    车规模块系列(五):聊一聊DBB/铜绑定技术

    相对于传统的铝绑定线工艺,铜绑定线需要对芯片表面进行要求更高的金属化,而丹佛斯键合缓冲Danfoss Bond Buffer (DBB)技术就是为了铜绑定线进行的表面处理。
    的头像 发表于 10-08 10:22 1346次阅读
    车规模块系列(五):聊一聊DBB/铜<b class='flag-5'>绑定</b>技术

    HarmonyOS/OpenHarmony(Stage模型)应用开发手势绑定方法

    通过给各个组件绑定不同的手势事件,并设计事件的响应方式,当手势识别成功时,ArkUI框架将通过事件回调通知组件手势识别的结果。 一、gesture(常规手势绑定方法) ..gesture
    发表于 08-29 15:24

    iOS APP架构设计

    App 架构是软件设计的一个分支,它关心如何设计一个 app 的结构。具体来说,它关注于两个 方面:如何将 app 分解为不同的接口和概念层次部件,以及这些部件之间和自身的不同操作中
    的头像 发表于 07-12 09:57 1547次阅读
    iOS <b class='flag-5'>APP</b>架构设计