如何解决微信小程序视图控件与bindtap绑定的问题?

更新于
2026-10-01 16:54:19
1阅读来源:SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计836个文字,预计阅读时间需要4分钟。

如何解决微信小程序视图控件与bindtap绑定的问题?

在微信小程序中,最常用的视图控件是view,可以通过bindtap(触摸响应)绑定事件。例如,使用view标签并绑定事件如下:

这样,当点击该view时,会触发名为ItemOnclick的事件,并传递一个名为mType的数据,其值为123。

在微信小程序中 最常用的<view>控件 可以用bindtap(冒泡反应) 如<view bindtap="ItemOnclick" data-mType="123">的形式绑定ItemOnclick事件并传递一个dataset,其包含一个名为mType的元素 值为123。

在某一次设计中

有如下结构:

<view class="func-m" bindtap="ItemOnclick" data-mType="123"> <image src="{{ROOT_PATH}}/images/icon1.png" /> </view>

ItemOnclick事件在点击在图片上时不会触发 需要点击在图片之外及外层view范围之内的地方 才会触发

若将bindtap写在<image>标签内 则反过来 点击图片会触发 但点击在图片之外及外层view范围之内的地方不会触发

由此我做出判断

点击事件不会向父级或子级控件传递。

阅读全文
标签:问

本文共计836个文字,预计阅读时间需要4分钟。

如何解决微信小程序视图控件与bindtap绑定的问题?

在微信小程序中,最常用的视图控件是view,可以通过bindtap(触摸响应)绑定事件。例如,使用view标签并绑定事件如下:

这样,当点击该view时,会触发名为ItemOnclick的事件,并传递一个名为mType的数据,其值为123。

在微信小程序中 最常用的<view>控件 可以用bindtap(冒泡反应) 如<view bindtap="ItemOnclick" data-mType="123">的形式绑定ItemOnclick事件并传递一个dataset,其包含一个名为mType的元素 值为123。

在某一次设计中

有如下结构:

<view class="func-m" bindtap="ItemOnclick" data-mType="123"> <image src="{{ROOT_PATH}}/images/icon1.png" /> </view>

ItemOnclick事件在点击在图片上时不会触发 需要点击在图片之外及外层view范围之内的地方 才会触发

若将bindtap写在<image>标签内 则反过来 点击图片会触发 但点击在图片之外及外层view范围之内的地方不会触发

由此我做出判断

点击事件不会向父级或子级控件传递。

阅读全文
标签:问