微信小程序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>
相关推荐
好好的哦2 分钟前
uni-app小程序登录后…
小程序·uni-app
h_654321015 小时前
微信小程序点击按钮跳转链接并显示
微信小程序·小程序
银迢迢18 小时前
微信小程序的开发及问题解决
微信小程序·小程序
liyinchi198818 小时前
原生微信小程序 textarea组件placeholder无法换行的问题解决办法
微信小程序·小程序
说私域20 小时前
基于开源链动2+1模式AI智能名片S2B2C商城小程序的低集中度市场运营策略研究
人工智能·小程序·开源·零售
少恭写代码1 天前
duxapp 2025-03-29 更新 编译结束的复制逻辑等
react native·小程序·taro
suncentwl1 天前
答题pk小程序道具卡的获取与应用
小程序·答题小程序·知识竞赛
bysjlwdx1 天前
uniapp婚纱预约小程序
小程序·uni-app
ALLSectorSorft1 天前
代驾小程序订单系统框架搭建
小程序·代驾小程序
qq_12498707531 天前
原生小程序+springboot+vue+协同过滤算法的音乐推荐系统(源码+论文+讲解+安装+部署+调试)
java·spring boot·后端·小程序·毕业设计·课程设计·协同过滤