微信小程序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>
相关推荐
2501_916008896 小时前
全面介绍Fiddler、Wireshark、HttpWatch、SmartSniff和firebug抓包工具功能与使用
android·ios·小程序·https·uni-app·iphone·webview
webYin6 小时前
解决 Uni-App 运行到微信小程序时 “Socket合法域名校验出错” 问题
微信小程序·小程序·uni-app
奶茶精Gaaa15 小时前
测试能力提升--Bug分析能力
bug
说私域17 小时前
日本零售精髓赋能下 链动2+1模式驱动新零售本质回归与发展格局研究
人工智能·小程序·数据挖掘·回归·流量运营·零售·私域运营
程序媛徐师姐17 小时前
Java基于微信小程序的模拟考试系统,附源码+文档说明
java·微信小程序·java模拟考试系统小程序·模拟考试微信小程序·模拟考试系统小程序·模拟考试小程序·java模拟考试小程序
大尚来也17 小时前
微信小程序开发费用全解析:从SaaS到定制的多元选择
微信小程序
如果你好18 小时前
UniApp 路由导航守卫
前端·微信小程序
大尚来也19 小时前
小程序怎么开发自己的小程序
微信小程序
码云数智-园园20 小时前
小程序开发平台有哪些?小程序第三方开发平台评测对比
微信小程序
说私域20 小时前
流量裂变与数字重塑:基于AI智能名片小程序的短视频全域引流范式研究
人工智能·小程序·流量运营·私域运营