mpvue & 小程序中的事件处理

最新推荐文章于 2022-04-11 14:31:34 发布

卡尔KAEL

最新推荐文章于 2022-04-11 14:31:34 发布

阅读量1.4k

点赞数

分类专栏： vue+ / react+ / angular+

本文链接：https://blog.csdn.net/weixin_37625953/article/details/99976213

版权

本文介绍了mpvue和小程序中的事件处理，包括事件绑定、捕获冒泡（小程序支持冒泡和捕获）、事件拦截（mpvue使用修饰符.stop，小程序使用capture-catch和catch）、事件对象（两者都在event参数中，mpvue包含更多信息）、事件内联参数（小程序有data和mark，mpvue可直接传参或用匿名函数）、支持的事件类型（如touchstart, touchmove等）以及事件代理（小程序通过wxs，mpvue采用事件代理方式）。" 137948800,8541694,JVM内存配置：线上系统部署的JVM参数设置,"['jvm', 'java', '内存管理']

摘要由CSDN通过智能技术生成

事件绑定

使用方法基本是一样的。但是在小程序中会编译成 bindtap

捕获冒泡

小程序： .wxml
<view 
  id="wrapper"
  bind:tap="bind1"
  capture-bind:tap="cbind1"
  style="background:red;color:white;text-align:center;padding:10px;"
>
  <view
    id="inner"
    bind:tap="bind2"
    capture-bind:tap="cbind2"
  >
    事件的捕获和冒泡测试
  </view>
</view>

// 小程序： .js
Page({
  bind1(e) {
    console.log('wrapper冒泡')
  },
  bind2(e) {
    console.log('inner冒泡')
  },
  cbind1(e) {
    console.log('wrapper捕获')
  },
  cbind2(e) {
    console.log('inner捕获')
  }
})

-w588