avue-crud表格查询按钮 配置回车键也能搜索

Avue-Crud是一个基于Vue.js的行政管理UI组件库，它提供了一个表格展示数据以及操作的功能，其中包括搜索功能。如果你想让表格的查询按钮不仅响应点击事件，还支持用户按Enter键触发搜索，你可以通过配置`@search`事件和表单元素的键盘监听来实现。

在`<template>`部分，你可以保持默认的查询按钮，例如：

<a-button @click="search" type="primary">查询</a-button>

然后，在`methods`里，添加`search`方法，可以同时处理点击和键盘事件：

export default {
  methods: {
    search() {
      this.$refs.myTable.handleSearch(); // 假设myTable是你的表格元素
    },
    
    handleKeyDown(e) {
      if (e.key === 'Enter') {
        this.search();
      }
    },
  },
  mounted() {
    document.addEventListener('keydown', this.handleKeyDown);
    // 确保在卸载前移除键盘监听
    beforeDestroy() {
      document.removeEventListener('keydown', this.handleKeyDown);
    },
  },
}

在这里，当你按Enter键时，会自动触发`search`方法，从而进行搜索。