php - Laravel VueQuerybuilder addfilter() 如何更改标签

Question

我使用了 laravel vue 查询生成器。对于过滤器选项，我使用了以下代码

 return  Inertia::render('Speaker/List', [
      'users'=>$users,
    ])->table(function ($table) use ($degreeArr, $ProductArr) {
        $table->addFilter('products.id', '', $ProductArr);
    });


<Table
        :filters="queryBuilderProps.filters"
        :search="queryBuilderProps.search"
        :columns="queryBuilderProps.columns"
        :on-update="setQueryBuilder"
        :meta="users"
      >
       <template v-slot:tableFilter="slotProps">
        <div v-for="filter in slotProps.filters" :key="filter.key">
        <!-- <h3 class="text-xs uppercase tracking-wide bg-gray-100 p-3">{{filter.label}}</h3> -->
        <div class="px-4">
          <select
            :value="filter.value"
            @change="slotProps.changeFilterValue(filter.key, $event.target.value)"
            class="block focus:ring-indigo-500 h-11 focus:border-indigo-500 w-full shadow-sm sm:text-sm border-gray-300 rounded-md"
          >
            <option v-for="(option, key) in filter.options" :value="key" :key="key">{{ option }}</option>
          </select>
        </div>
      </div>

      </template>

我给出的输出很好

<select class="block ">
<option value="1">Test1</option>
<option value="2">Test2</option>
<option value="3">Test3</option>
<option value="">-</option>
</select>

在最后一个选项中，添加了 - 值。在这里，我想将“-”更改为“全部”。或者如何删除最后一个选项（“-”）。

标签： phplaravelvue.js