前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >uni-app 事件以及事件绑定

uni-app 事件以及事件绑定

作者头像
达达前端
发布2019-10-14 16:17:30
3.3K0
发布2019-10-14 16:17:30
举报
文章被收录于专栏:达达前端达达前端

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

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

self没有可以判断的标识

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

view 视图容器

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

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

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

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

代码语言:javascript
复制
<picker :range="years" @change="yearChange" mode="multiSelector">
 <view>
  {{years[0] [yearIndex1]}} {{years[1][yearIndex2]}}
 </view>
</picker>

file

代码语言:javascript
复制
<swiper :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
</swiper>
代码语言:javascript
复制
<view class="demo" @click="clickTest" @longtap="longtap"></view>

methods:{
  clickTest: function(e){
   console.log(e);
   console.log('click');
  },
  longtap: function(e){
   console.log(e);
   console.log('longtap');
  }
 }
代码语言:javascript
复制
<view v-for="(item, index) in students" class="persons" @click="menuClick" v-bind:id="index">{{index}} - {{item.name}}</view>
代码语言:javascript
复制
methods:{
 menuClick : function(e){
  console.log(e);
  console.log(e.target.id);
 }
 },

stop 的使用会阻止冒泡


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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.10.13 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档