disable 禁用元素后无法触发点击事件

业务需求点击被禁用的输入框触发事件

在被禁用元素上套一层div div上绑定事件

原本是不需要加事件穿透即可触发 但是最近谷歌更新触发不了 加一个事件穿透就好了

核心代码

cpp 复制代码
style="pointer-events:none"

style="pointer-events:none"

事件穿透

整体代码

c 复制代码
 <el-table-column label="批次号" width="140">
            <template slot-scope="scope">
              <div class="haha" @click="selectBatchCode(scope.row, scope.$index)">
                <el-input placeholder="请选择批次号"  v-model="scope.row.batchCode" disabled style="pointer-events:none"></el-input>
              </div>
            </template>
          </el-table-column>
相关推荐
chen_ever2 分钟前
golang之go modules
开发语言·后端·golang
摸鱼的春哥9 分钟前
前端程序员最讨厌的10件事
前端·javascript·后端
郝学胜-神的一滴10 分钟前
Effective Modern C++ 条款26:避免在通用引用上重载
开发语言·c++·程序人生
草莓熊Lotso12 分钟前
【C++】递归与迭代:两种编程范式的对比与实践
c语言·开发语言·c++·经验分享·笔记·其他
Aczone281 小时前
硬件(六)arm指令
开发语言·汇编·arm开发·嵌入式硬件·算法
YA3332 小时前
java设计模式二、工厂
java·开发语言·设计模式
逐雨~2 小时前
9.8C++作业
开发语言·c++
我爱挣钱我也要早睡!3 小时前
Java 复习笔记
java·开发语言·笔记
Yang-Never4 小时前
Kotlin协程 -> Job.join() 完整流程图与核心源码分析
android·开发语言·kotlin·android studio
牧羊狼的狼4 小时前
React 中的 HOC 和 Hooks
前端·javascript·react.js·hooks·高阶组件·hoc