欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

微信小程序事件绑定无效

程序员文章站 2022-07-12 22:41:51
...

在写顶部标签栏的时候,点击标签栏无反应,绑定的事件不执行。
微信小程序事件绑定无效
然后就各种试,改标签之类的都没用,然后开始看wxml,偶然发现标签栏左右那部分(红色框)点击后,事件突然执行了
微信小程序事件绑定无效
点击文字的时候死活不会执行,终于找到问题所在了???? 。

解释:

因为我在view标签里添加了文字标签,这样的话文字标签在上面,view标签在下面,而我把事件绑定到了view,所以那部分被text覆盖了,点击不了,而旁边空白部分没有被覆盖,所以可以正常使用。所以问题在wxss上面

<view bindtap='绑定事件'>
	<text>文字</text>
<view>

解决方法:

把view放在最上面就可以了。
在控制view的wcss里添加 z-index:1;就ok了。

.classfy{
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 33.33%;
}