解决input disabled后无法触发点击事件

127 阅读1分钟

业务场景

某些特殊场景input禁用时仍然要能触发点击事件

解决办法

在标签上添加行内样式或者在css里设置对应的样式属性

上代码

<input :value="inputVal" :disabled="true" placeholder="请输入" style="pointer-events:none"/>

或者

input {
    pointer-events: none;
}

本文参考:vue中 input disable后无法触发点击事件

毒鸡汤

当浑浊成为一种状态,清白也是一种罪过。