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来进行布局就行。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值