微信小程序 按钮点击（bindtap）失效
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信小程序 按钮点击（bindtap）失效相关的知识，希望对你有一定的参考价值。
参考技术A 在写一个小程序界面的时候，发现这个页面的按钮点击失效，打印log打印不出来，而其他页面的点击事件仍旧可以触发。找了半天发现按钮被textarea组件遮挡了，导致点击不到。解决办法：给textarea添加样式，修改它的高度。
注意：可通过下面这个窗口查看各部分大小及其位置，遇到组件失灵时可以先看一下有没有被覆盖。
微信小程序点击按钮，修改状态
WXML中：
<view wx:if="{{orderstate}} = \'待送检\' " data-no="{{orderstate}}" bindtap="quxiaosongjian">
<view>取消送检</view>
</view>
当前页面显示为待送检
js中：
quxiaosongjian:function(e) {
var that = this;
var orderstate = e.currentTarget.dataset.no;
that.setData({
orderstate: "用户取消"
})
},
这时，页面显示为：
以上是关于微信小程序 按钮点击（bindtap）失效的主要内容，如果未能解决你的问题，请参考以下文章