1 需求
列表搜索键按回车键直接搜索

2 实现
在表格组件增加方法
enterKey (event) {
const code = event.keyCode
? event.keyCode
: event.which
? event.which
: event.charCode
// eslint-disable-next-line eqeqeq
if (code == 13) {
this.handleSearch()
}
},
enterKeyupDestroyed () {
document.removeEventListener('keyup', this.enterKey)
},
enterKeyup () {
document.addEventListener('keyup', this.enterKey)
}
加载绑定事件
destroyed () {
// 销毁enter事件
this.enterKeyupDestroyed()
},
mounted () {
// 绑定enter事件
this.enterKeyup()
this.handleColumns(this.columns)
this.setDefaultSearchKey()
this.handleTableData()
}
本文介绍了一种在表格组件中优化搜索功能的方法,通过监听键盘事件,使用户能够直接使用回车键进行搜索,提高了用户体验和操作效率。
721

被折叠的 条评论
为什么被折叠?



