【问题修复】记一次浏览器版本过高引发的兼容问题

36 阅读1分钟

问题描述

在input输入框禁用的情况下,Chrome116以上版本click事件无效。

解决方案

方案一

外面套一层容器绑定click事件

<div @click="handleClick">
    <el-input
        v-model="myForm.bidhead.name"
        :title="myForm.bidhead.name"
        disabled
    />
</div>

方案二

修改输入框样式,pointer-events: none

::v-deep .el-input__inner:disabled {
    pointer-events: none !import;
}