解决微信小程序中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> 
相关推荐
_xaboy4 分钟前
开源Vue组件-动态表单组件设计,告别重复CRUD,JSON一键生成表单
前端·vue.js·低代码·开源·json
POLITE39 分钟前
Leetcode 236. 二叉树的最近公共祖先 (Day 17) JavaScript
linux·javascript·leetcode
Access开发易登软件10 分钟前
Access 连接 SQL Server:直通查询 vs 链接表 vs ADO,如何选择?
前端·数据库·vba·access·access开发
雨季66612 分钟前
构建 OpenHarmony 简易数字猜谜游戏:用随机与反馈打造轻量级互动体验
javascript·flutter·游戏·ui·自动化·dart
HWL567915 分钟前
Vue Router中,传递参数的几种方式
前端·javascript·vue.js
米高梅狮子20 分钟前
项目实战: LAMP-电商平台-iwebshop
前端·网络·chrome
qq_3517547821 分钟前
关于vue3切换空白页问题解决
开发语言·前端
风景的人生25 分钟前
小程序接收respose中的数组
前端·微信小程序·小程序
晚霞的不甘26 分钟前
Flutter for OpenHarmony 电商 App 搜索功能深度解析:从点击到反馈的完整实现
开发语言·前端·javascript·flutter·前端框架