导航

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

侧边栏
最新评论
广树管理员
2025-02-18 09:13
@菲兹克斯喵:大佬也看过《水星领航员》呢!我也是在学业压力繁重的学生时代看的这部治愈神作,在学生时代能遇到这部作品真好。
菲兹克斯喵
2025-02-18 09:11
我记得上个学期压力最大的时候每天晚上睡前会看一集水星领航员,这部动画真的好治愈~
广树管理员
2025-02-18 08:56
@Zrzzz:没想到大佬也有电磁炮的青春!撤回可以复制编辑原文算是常规操作🤭
Zrzzz
2025-02-18 08:54
@广树:是滴!学生仔的时候喜欢,一晃好几年了,话说我发现维基萌撤回的时候甚至可以复制回复原文……手残党福音
广树管理员
2025-02-18 08:52
@Zrzzz:电磁炮也是大佬的有生之年?
正在攻略

logo_kai.jpg


PSN奖杯卡

PSN奖杯卡

赞助商广告

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

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

在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;
            }
        }
}
然后通过监听回车事件来强行禁止回车事件。



donate.png

1210 x 50(蓝底).png

cloudcone