微信小程序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>
相关推荐
2013crazy4 小时前
springboot基于微信小程序的仓储管理系统
spring boot·后端·微信小程序·仓储管理
V+zmm101346 小时前
微信点餐系统小程序ssm+论文源码调试讲解
java·数据库·微信小程序·小程序·毕业设计
寰宇软件9 小时前
PHP填表统计预约打卡表单系统小程序
小程序·uni-app·vue·php
启山智软9 小时前
【电商系统架构的深度剖析与技术选型】
java·微信小程序
吴秋霖18 小时前
某音小程序反编译签名加密静态分析
python·算法·小程序
西农小陈19 小时前
Python-基于PyQt5,Pillow,pathilb,imageio,moviepy,sys的GIF(动图)制作工具(进阶版)
开发语言·图像处理·python·小程序·pycharm·pyqt·pillow
计算机-秋大田20 小时前
云上考场微信小程序的设计与实现(LW+源码+讲解)
java·前端·spring boot·微信小程序·小程序·课程设计
不知名12321 小时前
基于微信小程序的校园水电费管理平台设计与实现
微信小程序·小程序
西农小陈1 天前
Python-基于PyQt5,Pillow,pathilb,imageio,moviepy,sys的GIF(动图)制作工具
python·小程序·pycharm·pyqt·pillow