小程序bindtap和cachetap的区别

简介: 小程序bindtap和cachetap的区别

在这里先简单的说一下何为冒泡事件和为非冒泡事件

冒泡事件:

如下图当你点击1号的时候会弹出1,弹出2,弹出3

点击二号的时候会弹出2,弹出3

<view bindtap='a'>
  1
  <view bindtaptap='b'>
    2
    <view bindtap='c'>
      3
    </view>
  </view>
</view>
    a:function(){
      console.log('咔咔')
    },
    b:function() {
      console.log('咔咔2')
    },
    c: function () {
      console.log('咔咔3')
    },

image.png

那么非冒泡事件就很简单了


还是下图,但是点击一号会弹出1,点击二号会弹出2

image.png



<view catchtap='a'>
 范德萨发 1
  <view catchtap='b'>
    地方萨芬2
    <view catchtap='c'>
     范德萨发 3
    </view>
  </view>
</view>

看到这里估计你已经明白什么是冒泡事件什么是非冒泡事件,那么bindtap和cachetap的区别就是,bindtap是冒泡事件,会一直往上执行,cachetap反之


相关文章
|
6月前
|
小程序 JavaScript
小程序中的数据双向绑定和Vue的有什么区别
小程序中的数据双向绑定和Vue的有什么区别
|
6月前
|
存储 小程序
微信小程序的bindtap和catchtap的区别
微信小程序的bindtap和catchtap的区别
126 0
|
6月前
|
移动开发 小程序 安全
【个人小程序和企业小程序的区别】
【个人小程序和企业小程序的区别】
100 0
|
6月前
|
小程序 JavaScript
小程序bindtap 和 catchtap 的区别以及如何使用
小程序bindtap 和 catchtap 的区别以及如何使用
129 0
|
2月前
|
小程序 前端开发 中间件
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
本文介绍了如何在ThinkPHP框架中配置跨域请求,使用了TP内置的跨域类`\think\middleware\AllowCrossDomain::class`。文章还讨论了小程序和web网页在跨域请求格式上的区别,并提供了解决方案,包括修改跨域中间件源码以支持`Origin`和`token`。此外,还介绍了微信小程序跨域请求的示例和web网页前端发送Axios跨域请求的请求拦截器配置。
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
|
3月前
|
小程序 前端开发 JavaScript
小程序中wx:if 和hidden的区别
在微信小程序中,wx:if和hidden都是用于控制元素显示与隐藏的方法,但它们在工作原理和性能上存在显著差异。
79 3
|
6月前
|
JavaScript 小程序 前端开发
小程序和vue写法的区别
小程序和vue写法的区别
55 1
|
6月前
|
小程序 JavaScript
Vue和小程序的区别
Vue和小程序的区别
|
6月前
|
移动开发 开发框架 小程序
UniApp与微信小程序介绍及区别
UniApp与微信小程序介绍及区别
581 0
|
6月前
|
移动开发 小程序 前端开发
H5和小程序有什么区别
H5和小程序有什么区别