咨询电话:
15628812133
18
2023/11

d2-crud如何自定义search表单

发布时间:2023-11-18 16:47:22
发布者:MaiMai
浏览量:
0

        D2-crud框架的search表单如图所示:

search表单

        官方已经搭建好了,我们只需要更改crud配置来编辑左边的搜索框即可。

        默认的DOM结构如图所示:

search表单的DOM结构

        search表单中的查询和重置是默认在crud-search组件中的,比如我们想自定义一个按钮,若写在el-button-group按钮组中,显然他只能渲染到下方。如何在search表单中进行一些自定义操作呢?

        经过翻阅官网后发现,crud-search组件同时支持单标签和双标签,所以只需将其改为双标签并利用插槽,即可自定义search表单的内容。如图所示:

改为双标签

        比如想在重置按钮后面增加一个返回按钮:

插入自定义返回按钮

完成效果图

关键词:
返回列表