0
点赞
收藏
分享

微信扫一扫

vue实现搜索、提交等功能【回车事件】


一、博主介绍

💒首页:​​水香木鱼​​

🛫专栏:​​后台管理系统​​

✍简介: 博主:花名 “水香木鱼”,星座"水瓶座一枚"

🔰 格言: 生活是一面镜子。 你对它笑, 它就对你笑; 你对它哭, 它也对你哭。

🔋 充电:相信付出终将会得到回报!

二、笔芯文章

可直接粘贴走,拿去直接用即可。

(1)、展示层

  • ​@keyup.enter​​ 回车事件
  • ​ @click​​ 点击事件

<el-button ype="primary " @click="getSearchText()" @keyup.enter="keyupSubmit()">搜索</el-button>

(2)、业务层

created() {
this.keyupSearch();
},
keyupSearch() {
document.onkeydown = (e) => {
let _key = window.event.keyCode;
//!this.clickState是防止用户重复点击回车
if (_key === 13 && !this.clickState) {
//调用搜索的事件
this.getSearchText();
}
};
},

举报

相关推荐

0 条评论