微信小程序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>
相关推荐
十年之少10 分钟前
粘性定位(position:sticky)——微信小程序学习笔记
笔记·学习·微信小程序
upp1 小时前
[bug]解决vscode+cline使用mcp服务报错spawn npx enoent spawn npx enoent
ide·vscode·bug·js
拖孩1 小时前
微信小程序基于Canvas实现头像图片裁剪(下)
前端·javascript·微信小程序
JIngJaneIL1 小时前
健身管理小程序|基于java微信开发健身管理小程序的系统设计与实现(源码+数据库+文档)
java·数据库·小程序·vue·毕业设计·论文·健身管理小程序
shenxiaolong_code2 小时前
编译器bug ?
c++·bug·meta programming·compiler bug
Z编程11 小时前
uniapp微信小程序引入vant组件库
微信小程序·小程序·uni-app
糟糕好吃14 小时前
如何用一个插件让你的 Taro 项目启动快 3 倍?
前端·javascript·微信小程序
枸杞配码15 小时前
arthas线上不停机修改bug
ide·pycharm·bug
Htht11115 小时前
【Github】之【Bug】一直无法连接github的ssh
ssh·github·bug
凡科网小帆16 小时前
博物馆小程序怎么做?从0到1打造数字化文化窗口
小程序·小程序制作