微信小程序longpress以及touchend的bug,touchend不触发,touchend不执行

核心原因:bind:touchend里面不能放wx:if

举例:

html 复制代码
<view  bind:longpress="longpressBtn" bind:touchend="touchendBtn">
    <view wx:if="{{isRecording}}" >松开发送</view>
  <view wx:else="{{isRecording}}" >长按语音识别</view>
</view>

这样写会无法触发touchend事件,得换一种写法:

html 复制代码
<view  bind:longpress="longpressBtn" bind:touchend="touchendBtn">
    <view hidden="{{!isRecording}}" >松开发送</view>
  <view hidden="{{isRecording}}" >长按语音识别</view>
</view>

还要注意,如果view上给了display的样式,例如display:flex,这样的话hidden可能会不起作用,可以采用以下办法:

html 复制代码
<view style="display: {{isRecording? 'none' : 'flex'}};"></view>
相关推荐
weixin_lynhgworld43 分钟前
剧本杀小程序系统开发:构建剧本杀社交新生态
小程序
说私域1 小时前
基于定制开发开源 AI 智能名片 S2B2C 商城小程序的热点与人工下发策略研究
人工智能·小程序
weixin_lynhgworld1 小时前
陪诊小程序系统开发:让就医不再是一件难事
小程序
phantom_11114 小时前
Cursor 分析 bug 记录
bug·cursor
是一碗螺丝粉15 小时前
拯救你的app/小程序审核!一套完美避开审核封禁的URL黑名单机制
前端·javascript·微信小程序
weixin_lynhgworld19 小时前
盲盒抽谷机小程序系统开发:从0到1的完整方法论
小程序
weixin_lynhgworld19 小时前
短剧小程序系统开发:赋能创作者,推动短剧艺术创新发展
小程序
一匹电信狗1 天前
【C++】异常详解(万字解读)
服务器·c++·算法·leetcode·小程序·stl·visual studio
我叫黑大帅1 天前
微信小程序分包:告别加载慢,像拆快递一样简单!
前端·微信小程序
两个月菜鸟1 天前
vue+微信小程序 五角星
前端·vue.js·微信小程序