解决微信小程序中input框被禁用后,电脑端小程序点击事件无效,手机端开发者工作和手机端正常

问题:input框被禁用后,电脑端小程序点击事件无效,手机端开发者工作和手机端正常。

解决方法:使用view包裹input标签,在view添加点击事件,input添加css:pointer-events:none; // 禁止鼠标事件

css 复制代码
 <view bindtap="chooseRegion">
      <input class="input" value="{{address.provinceName +  address.cityName + address.areaName}}" disabled="true"  placeholder="省份、城市、区县" style="pointer-events:none"/>
 </view> 
相关推荐
JohnYan2 分钟前
Bun技术评估 - 30 SSE支持
javascript·后端·bun
鹤归时起雾.9 分钟前
CSS属性继承与元素隐藏全解析
前端·css
yzx99101312 分钟前
一个嵌入式存储芯片质量评估系统的网页界面设计
开发语言·javascript·ecmascript
火星数据-Tina15 分钟前
让电竞数据实时跳动:Spring Boot 后端 + Vue 前端的完美融合实践
前端·vue.js·spring boot
fruge25 分钟前
前端可视化家庭账单:用 ECharts 实现支出统计与趋势分析
前端·javascript·echarts
c++逐梦人38 分钟前
Linux下编写进度条小程序
linux·运维·小程序
IT_陈寒1 小时前
Vue3性能优化实战:5个被低估的Composition API技巧让你的应用快30%
前端·人工智能·后端
嘻嘻哈哈猿人1 小时前
从 0 到 1 实现一个支持 @ 提及用户的输入框组件(Vue3 实战)
前端·vue.js
东土也1 小时前
Vue 项目 Nginx 部署路径差异分析与部署指南
前端
云枫晖1 小时前
Vue3 响应式原理:手写实现 ref 函数
前端·vue.js