导航

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

侧边栏
最新评论
广树
2024-07-25 19:11
@Chlorine:好的大佬!珍惜现有的大学生活吧,未来的强度可能会更高🤭。
Chlorine
2024-07-25 18:23
@广树:真说不上大佬,只是一个被大二即将到来的高强度课程吓破胆的小菜鸡(/TДT)/
广树
2024-07-25 09:06
@Chlorine:爱学习的大佬!
Chlorine
2024-07-25 08:28
hhh,学习 C++——吉,那就学 DSA (数据结构)去啦 awa
广树
2024-07-24 21:00
@Jacylunatic:还没预约上呢🤭
正在攻略

あおかなEXTRA1

黑白的莫比乌斯.jpg


PSN奖杯卡

PSN奖杯卡

赞助商广告

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