微信小程序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>
相关推荐
土土哥V_araolin1 小时前
双迹美业模式系统开发(现成源码)
小程序·个人开发·零售
2501_933907218 小时前
南京本凡科技,怎么选择专业小程序开发才能提升品牌竞争力?
科技·微信小程序·小程序
心无旁骛~9 小时前
【Claude Code开发】AI记账助手(miaozhang)微信小程序开发与部署完整指南
人工智能·微信小程序·notepad++
2501_9339072111 小时前
本凡科技提供的宁波小程序开发服务全面解决方案
科技·微信小程序·小程序
阿珊和她的猫12 小时前
微信小程序静默授权异步问题的处理方案
微信小程序·状态模式·notepad++
左师佑图12 小时前
微信小程序集成 Day.js 插件的完整解决方案
微信小程序·小程序
2501_9339072112 小时前
本凡科技提供宁波小程序服务与定制解决方案
科技·微信小程序·小程序
IT二叔12 小时前
Git Flow04-bug修改流程
git·bug
计算机徐师兄12 小时前
Java基于SpringBoot的运动健康小程序【附源码、文档说明】
spring boot·小程序·运动健康·java运动健康小程序·运动健康小程序·java运动健康微信小程序·运动健康微信小程序
Xpower 1712 小时前
OpenClaw实战:从零开发电商小程序(2)
人工智能·语言模型·小程序·gateway