正在召唤神秘力量
导航

萌即是正义!时不时分享一些ACG活动记录与有趣代码的小站!

禁止饿了么Element UI的Button 按钮组件的回车事件

作者:广树·时间:2019-12-08 15:49:32·分类:JavaScript/jQuery/Vue

在Element UI里,如果点击过一次某个按钮,这个按钮就会被选择,然后这个时候按下回车就会连续触发按钮的点击事件,对一些需要服务器交互的按钮来说太过不友善。

根据官方文档,似乎禁不了这个事件,那么只能通过代码去禁止了。

<el-button type="primary" ref="btn">按钮</el-button>

首先给按钮定义一个ref。

mounted() {
       this.$refs.btn.$el.onkeydown= (e) =>{
            let _key=window.event.keyCode;
            if(_key===13){
             return false;
            }
        }
}
然后通过监听回车事件来强行禁止回车事件。



侧边栏
最新评论
广树
2024-05-08
@老张博客:是的,不仅仅是大城市,很多小乡村也是依靠动漫发展起来的旅游产业,所以不要小看文化产业带来的经济价值啊!
老张博客
2024-05-08
到日本 是不是大街小巷都是这些动漫呀!
广树
2024-05-08
@Chise Hachiroku:不是还有,而是最近出来的新服务🤭。送货时间太迟了,不是急需的话还是一般配送比较好。
广树
2024-05-08
@Chise Hachiroku:欢迎来到腾讯认证的维基萌👍
Chise Hachiroku
2024-05-08
哇 这个服务日本还有啊! 英国去年还有有这个东西,今年没了。因为各种各样的原因,一直保持着会员,然后下单过一次当日达,是下午一点截止、22点前到的。 送东西来的是开车的,看标签是附近的DXM2出货以后,开车送货的Amazon Flex外包。但是没有再使用过,因为时间真的很不固定,周边人有下午两点到,也有十一点以后到的,不如第二天去自提柜。
正在攻略

圣兽之王.jpg

传颂之物

PSN奖杯卡

PSN奖杯卡

赞助商广告