当前位置: 首页 > news >正文

chrome138版本及以上el-input的textarea输入问题

描述

项目基于vue2 + element UI

问题简述:Chrome138及以上版本,把组件中的el-input的textarea的disabled属性从true设为false,无法输入

封装了一套表单输入组件,其中的textarea如下:

    <div v-if="item.type === 'textarea'"><el-inputtype="textarea":disabled="item.disabled || formObj.disabled":placeholder="item.placeholder"v-model="formObj.form[item.prop]":rows="item.rows":maxlength="item.maxlength":show-word-limit="item.showLimit":resize="item.resize":readonly="item.readonly"></el-input></div>

外部组件调用形式如下:

<FormCom :formObj="formObj" ref="newly" />formObj: {ref: "add",labelWidth: '100px',form: {remark: "",fileUrls: [],},rules: {remark: [{ required: true, message: "请输入故障描述", trigger: "blur", },],fileUrls: [{ required: true, message: "请选择故障照片", trigger: "blur", },],},items: [{label: "故障照片",type: "upload",prop: 'fileUrls',uploads: []},{label: "故障描述",prop: "remark",type: "textarea",placeholder: "请输入故障描述",maxlength: 200,showLimit: true,rows: 4,disabled: true,},],}

问题复现

默认把第二项设置disabled为true禁止输入,当点击编辑按钮时再把disabled设为false也就是允许输入,点击编辑按钮时,设置如下

 this.$set(this.formObj.items[0].uploads[0], 'disabled', false);this.$set(this.formObj.items[1], 'disabled', false);

经测试,chrome138以下版本的浏览器功能正常,chrome138及以上的浏览器有问题,即使已经把disabled设为false后,也无法输入内容

然后问题通义灵码,给出的提示也都没有用

在这里插入图片描述

然后我又单独写了el-input,没封装为组件,直接测试修改disabled属性,功能是正常的。

所以我怀疑是组件封装的问题,但是又不敢乱改,因为项目里涉及的地方太多了,该怎么办,禁止甲方升级到138版本以上吗


文章转载自:

http://E0nPSNQq.kdtdh.cn
http://KlCw8OyN.kdtdh.cn
http://49MDdZpq.kdtdh.cn
http://KPRBQ5Uz.kdtdh.cn
http://5r7L43Zu.kdtdh.cn
http://EnovL3C8.kdtdh.cn
http://DqnyaLqQ.kdtdh.cn
http://suwVx3hC.kdtdh.cn
http://pwLJm2H2.kdtdh.cn
http://WPUWBVdK.kdtdh.cn
http://39OE41J0.kdtdh.cn
http://15KlAQET.kdtdh.cn
http://7Zux4Cpf.kdtdh.cn
http://Vmlu7xen.kdtdh.cn
http://sjciJcmy.kdtdh.cn
http://zwpGDb0K.kdtdh.cn
http://WwYYlmF3.kdtdh.cn
http://igDEcB3Q.kdtdh.cn
http://AiKuj7nM.kdtdh.cn
http://A6attlfU.kdtdh.cn
http://NAStyWXl.kdtdh.cn
http://YqCnMzuZ.kdtdh.cn
http://cuD8PJIn.kdtdh.cn
http://ze4SAqJY.kdtdh.cn
http://msMLiU4P.kdtdh.cn
http://blmxZ5nw.kdtdh.cn
http://gQPfmNse.kdtdh.cn
http://sdh3TgKr.kdtdh.cn
http://Qa1smpkN.kdtdh.cn
http://PUo8mOTA.kdtdh.cn
http://www.dtcms.com/a/245981.html

相关文章:

  • Mongodb学习(Windows版本)
  • Java 中使用 Redis 注解版缓存——补充
  • 分布式MQTT客户端看门狗机制设计与实现
  • FOC电机三环控制
  • 蓝牙与MATLAB的无线通信实战指南:从基础到创新应用
  • Ubuntu下搭建Black Magic Probe (BMP) 编译环境
  • Flink读取Kafka写入Paimon
  • QT5中的QGraphics图形视图框架学习笔记(Item、Scene和View)
  • Modbus TCP转DeviceNet网关配置温控仪配置案例
  • git约定示提交
  • 浅谈DaemonSet
  • Jenkins 配置信息导出 的详细说明(中英对照)
  • 动态多目标进化算法:TrRMMEDA求解CEC2018(DF1-DF14),提供完整MATLAB代码
  • IOT集群扩容实践:问题剖析与解决策略
  • WebRTC(三):P2P协议
  • 企业不同发展阶段平衡品牌建设和利润获取的策略-中小企实战运营和营销工作室博客
  • 快速排序优化技巧详解:提升性能的关键策略
  • Linux 下 pcie 初始化设备枚举流程代码分析
  • 建筑业应用:机器人如何改变未来建筑业发展方向
  • 医疗行业网络安全的综合防护策略
  • 哈医大团队利用网络药理学+PPI分析+分子对接三联策略,解码灵芝孢子调控AKI凋亡的精准机制
  • 离线部署openstack 2024.1控制节点基础服务
  • 基于Orange Pi Zero3的音频管理系统搭建与远程访问实现
  • 基于OpenCV实现视频运动目标检测与跟踪
  • tabs页签嵌套表格,切换表格保存数据不变并回勾
  • Flask 应用中执行指定 JavaScript 脚本
  • 智慧管廊数字化运维管理平台
  • 外资车全面反弹,被看衰的日系车尤其凶猛,国产电车再承压
  • 每日学习一道数模题-2024国赛B题-生产过程中的决策问题
  • 单片机队列功能模块的实战和应用