vxe-grid 自定义工具栏,去掉原来的工具栏

1、如果要自定义那么就少不了slots了

2、代码

<vxe-grid ref="tableRef" v-bind="gridOptions" :folding-all="true">
        <template #toolbar_buttons>
              <Select
                v-model:value="searchForm.fieldname"
                style="width: 150px"
                placeholder=""
                :options="searchForm.fieldnamelist"
              />
              <Select
                v-model:value="searchForm.fieldreq"
                style="width: 150px"
                placeholder=""
                :options="searchForm.fieldreqlist"
              />
              <Input v-model:value="searchForm.fieldvalue" allowClear placeholder="请输入内容" />
              <a-button type="primary" @click="onSearch" preIcon="material-symbols:search"
                >查询</a-button
              >
        </template>
</vxe-grid>

3、效果

根据不同的布局,我们可以通过div来进行布局就行。

相关推荐

  1. 使用Vue-Grid-Layout实现定义工作台

    2024-07-16 18:58:03       46 阅读
  2. 定义图像增强工具包

    2024-07-16 18:58:03       34 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-16 18:58:03       70 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-16 18:58:03       74 阅读
  3. 在Django里面运行非项目文件

    2024-07-16 18:58:03       62 阅读
  4. Python语言-面向对象

    2024-07-16 18:58:03       72 阅读

热门阅读

  1. 常见数据库

    2024-07-16 18:58:03       24 阅读
  2. PLC中的高低字节如何理解?

    2024-07-16 18:58:03       22 阅读
  3. SpringBoot @Value注解优化

    2024-07-16 18:58:03       20 阅读
  4. 基于形状匹配原始版放出来(给有用的人参考)

    2024-07-16 18:58:03       20 阅读
  5. 【扫盲】并查集

    2024-07-16 18:58:03       20 阅读