当前位置: 首页 > 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://www.xdnf.cn/news/994987.html

相关文章:

  • 鸿蒙北向应用开发:新增ts文件出现的问题
  • 【狂飙AGI】第1课:大模型概述
  • QT+VTK 中QWidget与QVTKOpenGLNativeWidget的使用
  • python打卡第52天
  • 如何从 Ansys SpaceClaim 模型中提取 CAD 数据,该模型是在我计算机上安装的未来版本中创建的?
  • Kafka问题排查笔记
  • 全局搜索正则表达式grep
  • 用volatile修饰数组代表什么意思,Java
  • physicsnemo开源程序是开源深度学习框架,用于使用最先进的 Physics-ML 方法构建、训练和微调深度学习模型
  • 接到数据分析任务后,怎么判断是分类还是回归?什么时候你该考虑换模型?
  • Centos8 安装 达梦数据库
  • OpenLayers 加载格网和经纬网
  • STM32通用定时器TRC含义解析
  • 【数据传输常用命令】:服务器与本地之间的数据传输
  • FastDFS分布式储存
  • 保诚发布PRUD币,重塑Web3健康金融生态版图
  • 【AI应用开发数据基建】从非结构化数据到结构化知识的通用转化流程
  • 达梦数据库适配的 Druid 连接池深度优化指南
  • 远程管理命令:网卡和IP地址的概念
  • uni-app项目实战笔记3--使用scroll-view实现每日推荐左右滑动效果
  • Notepad++如何列选
  • 【idea】工具使用报错记录
  • 解决 IntelliJ IDEA 中无法选择 application 模块类路径的问题
  • OpenCV——图像金字塔
  • CVE-2020-1938源码分析与漏洞复现(Tomcat 文件包含/读取)
  • 【自建grafana接入阿里云sls】
  • 力扣HOT100之终章:一些随笔
  • LeetCode 3423.循环数组中相邻元素的最大差值:遍历(模拟)
  • wordpress首页调用指定ID页面内的相册
  • 如何有效监控JVM环境,保障应用性能