业务需求点击被禁用的输入框触发事件
在被禁用元素上套一层div div上绑定事件
原本是不需要加事件穿透即可触发 但是最近谷歌更新触发不了 加一个事件穿透就好了
核心代码文章来源:https://www.toymoban.com/news/detail-680300.html
style="pointer-events:none"
style=“pointer-events:none”
事件穿透
整体代码文章来源地址https://www.toymoban.com/news/detail-680300.html
<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>
到了这里,关于disable 禁用元素后无法触发点击事件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!