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>
相关推荐
并不会1 小时前
常见 CSS 选择器用法
前端·css·学习·html·前端开发·css选择器
悦涵仙子1 小时前
CSS中的变量应用——:root,Sass变量,JavaScript中使用Sass变量
javascript·css·sass
衣乌安、1 小时前
【CSS】居中样式
前端·css·css3
兔老大的胡萝卜1 小时前
ppk谈JavaScript,悟透JavaScript,精通CSS高级Web,JavaScript DOM编程艺术,高性能JavaScript pdf
前端·javascript
低代码布道师1 小时前
CSS的三个重点
前端·css
一点媛艺2 小时前
Kotlin函数由易到难
开发语言·python·kotlin
姑苏风2 小时前
《Kotlin实战》-附录
android·开发语言·kotlin
耶啵奶膘3 小时前
uniapp-是否删除
linux·前端·uni-app
奋斗的小花生3 小时前
c++ 多态性
开发语言·c++
魔道不误砍柴功3 小时前
Java 中如何巧妙应用 Function 让方法复用性更强
java·开发语言·python