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

    文章

    11304

    浏览量

    209461
  • 数据库
    +关注

    关注

    7

    文章

    3799

    浏览量

    64381
  • javascript
    +关注

    关注

    0

    文章

    516

    浏览量

    53857
  • python
    +关注

    关注

    56

    文章

    4796

    浏览量

    84671
  • NODE.JS
    +关注

    关注

    1

    文章

    47

    浏览量

    32766
收藏 人收藏

    评论

    相关推荐

    fpga 管脚不让绑定的问题,绑定时提示: Not assignable

    fpga 管脚不让绑定的--提示 如下图: 网上说将复用管脚设置成 普通I/O,我这也没找到我要绑定的管脚,怎么设置。该管脚是和NOR_Flash相关的,无法绑定,我想实现掉电存储一些数据的。没有eeporm,倒是有一个Nand
    发表于 12-05 15:30

    怎么绑定IP地址和MAC地址

    本篇文章主要说一说怎么在本地计算机上绑定IP和MAC地址以及通过路由器绑定IP和MAC地址,并且这两者绑定可以解决什么问题。   先来说说怎么去绑定
    的头像 发表于 12-01 22:48 232次阅读

    机智云智家APP的设备扫描与绑定限制

    在使用机智云的智家APP时,用户可能会遇到无法扫描和绑定设备的问题。这一现象的根本原因在于智家APP的使用限制和付费策略。Q智家APP的功能概述是什么?智家
    的头像 发表于 09-22 08:02 244次阅读
    机智云智家<b class='flag-5'>APP</b>的设备扫描与<b class='flag-5'>绑定</b>限制

    鸿蒙开发Ability Kit程序框架服务:Stage模型绑定FA模型ServiceAbility

    本小节介绍Stage模型的两种应用组件如何绑定FA模型ServiceAbility组件。
    的头像 发表于 06-25 21:47 304次阅读
    鸿蒙开发Ability Kit程序框架服务:Stage模型<b class='flag-5'>绑定</b>FA模型ServiceAbility

    鸿蒙开发Ability Kit程序框架服务:FA模型绑定Stage模型ServiceExtensionAbility

    本文介绍FA模型的三种应用组件如何绑定Stage模型的ServiceExtensionAbility组件。
    的头像 发表于 06-25 10:43 293次阅读
    鸿蒙开发Ability Kit程序框架服务:FA模型<b class='flag-5'>绑定</b>Stage模型ServiceExtensionAbility

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

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

    鸿蒙ArkTS声明式开发:跨平台支持列表【绑定手势方法】 手势处理

    为组件绑定不同类型的手势事件,并设置事件的响应方法。
    的头像 发表于 06-15 09:17 786次阅读
    鸿蒙ArkTS声明式开发:跨平台支持列表【<b class='flag-5'>绑定</b>手势方法】 手势处理

    BLE蓝牙掉电绑定信息消失的原因?怎么解决?

    测试手机连接后,重启ESP32S3,板子上的绑定信息就丢失了。还有我添加到白名单的地址也会随着重启消失。白名单我可以通过NVS记录,但是绑定的密钥信息我无法存储。我查阅了BLE的接口文档,没有看到保存绑定信息的接口。请教一下我应
    发表于 06-14 06:25

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

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

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

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

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

    卡片数据绑定模块提供卡片数据绑定的能力。包括FormBindingData对象的创建、相关信息的描述。
    的头像 发表于 05-06 17:25 491次阅读
    鸿蒙开发接口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 2077次阅读
    <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 1712次阅读