avue-crud option中column 里字段绑定回车搜索
时间: 2024-04-30 14:18:11 浏览: 144
你可以使用 `@keyup.enter` 监听回车键,在回车键按下时触发搜索操作。在 `avue-crud` 组件中,你可以这样写:
```
<avue-crud
:option="crudOption"
@search="handleSearch"
>
</avue-crud>
<script>
export default {
data() {
return {
crudOption: {
// ...其他配置
column: [
{
label: 'Name',
prop: 'name',
search: true,
searchConfig: {
type: 'input',
on: 'keyup.enter' // 监听回车键
}
},
// ...其他列配置
]
}
}
},
methods: {
handleSearch(query) {
// 处理搜索逻辑
}
}
}
</script>
```
在这个例子中,我们在 `searchConfig` 中设置了 `on: 'keyup.enter'`,表示监听回车键。当用户在搜索框中输入关键字后按下回车键时,`handleSearch` 方法会被调用,你可以在这个方法中处理搜索逻辑。
阅读全文