From 238b880c97577988c7cd868acaf54b900d717246 Mon Sep 17 00:00:00 2001 From: yaojin2070 <48686959+yaojin2070@users.noreply.github.com> Date: Thu, 9 Jun 2022 18:03:38 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=89=B9=E6=AE=8A?= =?UTF-8?q?=E6=83=85=E5=86=B5=E4=B8=8B,=20=E6=8C=89=E9=92=AE=E7=A6=81?= =?UTF-8?q?=E7=94=A8=E7=8A=B6=E6=80=81,=20=E4=BE=9D=E6=97=A7=E5=8F=AF?= =?UTF-8?q?=E4=BB=A5=E6=89=A7=E8=A1=8C=E7=82=B9=E5=87=BB=E4=BA=8B=E4=BB=B6?= =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 版本说明: element-ui: 2.15.7 vue版本: 2.6.7 说明: 按钮的禁用状态只是单独通过原生disabled属性是否触发click事件, 但是如果有不怀好意的人删除对应的属性, 就会导致事件依旧能触发, 相同的, 在loading状态下, 是通过css属性 pointer-events: none来不让事件触发, 也是可以直接在控制器随意修改的 复现: 在控制台中, button标签删除disabled属性, loading状态下, 改变css样式为pointer-events: none; --- packages/button/src/button.vue | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/button/src/button.vue b/packages/button/src/button.vue index 6ed8d23d6..4f9a996e0 100644 --- a/packages/button/src/button.vue +++ b/packages/button/src/button.vue @@ -71,6 +71,7 @@ methods: { handleClick(evt) { + if (this.disabled || this.loading) return this.$emit('click', evt); } }