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
    +关注

    关注

    88

    文章

    11628

    浏览量

    217966
  • 数据库
    +关注

    关注

    7

    文章

    3993

    浏览量

    67736
  • javascript
    +关注

    关注

    0

    文章

    525

    浏览量

    56001
  • python
    +关注

    关注

    57

    文章

    4857

    浏览量

    89581
  • NODE.JS
    +关注

    关注

    1

    文章

    49

    浏览量

    33866
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    qboot跳转app后卡在app的系统调用处,为什么?

    首先是boot工程的配置: 然后是app工程的配置: 注:boot和app工程中,fal配置内部flash的地址和大小都和对应的#define ROM_START、#define
    发表于 10-10 07:03

    智能物联网壁炉APP开发需求

    需求:开发一款APP,集成电子壁炉,木头壁炉,酒精壁炉加燃气壁炉硬件的APP并进行评估报价及周期。
    的头像 发表于 09-08 17:01 499次阅读
    智能物联网壁炉<b class='flag-5'>APP</b>开发需求

    蓝牙按摩仪电路怎么设计?APP通讯协议怎么制定?给你一个参考示例

    蓝牙眼部/腿部/腰部/胳膊/按摩仪的硬件如何设计以及方案如何选型,APP小程序的通讯协议如何制定,做一个详细介绍
    的头像 发表于 09-08 10:08 440次阅读
    蓝牙按摩仪电路怎么设计?<b class='flag-5'>APP</b>通讯协议怎么制定?给你一个参考示例

    时序约束管脚绑定不成功问题

    {[新手提问]: 关于引脚绑定问题}在绑定vivado引脚中时,选项中没有原理图可绑定的引脚,需要绑定的引脚在l/O Bank88,但是我需要绑定
    发表于 08-21 17:18

    如何确定PSoC™ Creator 中绑定数据的行/位置?

    我们有一个CYBLE-222014-01项目,其中有一个带有共享堆栈和可引导加载的 BLE 引导加载程序。当我写保护整个引导加载程序区域时,我不再能够将绑定信息存储在引导加载程序中。 这是我的用法
    发表于 07-22 07:58

    请问OpenVINO™ 是否支持 Rust 绑定

    无法确定OpenVINO™是否支持 Rust 绑定
    发表于 06-25 07:45

    使用DevEcoStudio 开发、编译鸿蒙 NEXT_APP 以及使用中文插件

    # 使用DevEcoStudio 开发、编译鸿蒙 NEXT_APP 以及使用中文插件 #鸿蒙开发工具 #DevEco Studio ## 1. 概述 DevEco Studio 是华为提供
    发表于 06-11 17:18

    FA模型绑定Stage模型ServiceExtensionAbility介绍

    FA模型绑定Stage模型ServiceExtensionAbility 本文介绍FA模型的三种应用组件如何绑定Stage模型的ServiceExtensionAbility组件
    发表于 06-04 07:55

    Stage模型绑定FA模型ServiceAbility的方法

    Stage模型绑定FA模型ServiceAbility 本小节介绍Stage模型的两种应用组件如何绑定FA模型ServiceAbility组件。 UIAbility关联访问
    发表于 06-04 06:54

    【HarmonyOS 5】App Linking 应用间跳转详解

    ​ 目录 什么是 App Linking 使用场景 工作原理 如何开发 1.开通 App Linking 2.确定域名 3.服务端部署 applinking.json 文件 4.AGC绑定域名
    发表于 05-16 16:24

    harmony OS NEXT-双向数据绑定MVVM以及$$语法糖介绍

    # 鸿蒙Harmony-双向数据绑定MVVM以及$$语法糖介绍 ## 1.1 双向数据绑定概念 在鸿蒙(HarmonyOS)应用开发中,双向数据改变(或双向数据绑定)是一种让数据·模型
    的头像 发表于 04-29 16:52 1113次阅读

    无法在iMX8上启动gpsd:GPSD绑定怎么解决?

    3.19) gpsd:错误:无法绑定到 IPv4 端口 gpsd,地址已在使用 gpsd:ERROR: 也许 gpsd 已经在运行了! gpsd:错误:无法绑定到 IPv6 端口 gpsd,地址已在
    发表于 04-04 07:58

    Meshtastic APP使用介绍

    meshtastic APP使用介绍
    的头像 发表于 03-05 09:59 2031次阅读
    Meshtastic <b class='flag-5'>APP</b>使用介绍

    LITESTAR 4D案例:进行隧道照明设计

    对投标人提供的项目的自动分析,以及将数据和计算结果保存在 Excel 文件中,并与 UNI 11095:2021 标准所需的参数进行比较,项目分析时间可平均节省 90% 以上。 LITESTAR 4D
    发表于 01-17 09:55

    Autostrade per l’Italia选择LITESTAR 4D进行隧道照明设计

    对投标人提供的项目的自动分析,以及将数据和计算结果保存在 Excel 文件中,并与 UNI 11095:2021 标准所需的参数进行比较,项目分析时间可平均节省 90% 以上。 LITESTAR 4D
    发表于 01-07 08:56