javascript - 在 vue-table 2 中一次发出多个过滤器

Question

我有三个用于更改选择的自定义过滤器。

但是由于我使用按钮单击单个方法上的所有过滤器的方式。

现在设置自定义过滤器和设置页面会导致对服务器的两次调用，这给我带来了问题。

如何在单个操作中设置页面和自定义过滤器，以便只进行一次调用？

 filterData() {
   Event.$emit('vue-tables.filter::category', this.selectCategory)
   Event.$emit('vue-tables.filter::date', this.selectDate)
   Event.$emit('vue-tables.filter::type', this.selectType)
},

如何执行上述操作，以便只对服务器进行一次调用？

Answer 1

var filterData = () {
 var reqObj = {
  category:this.selectCategory,
  date:this.selectDate,
  type:this.selectType
};
this.$refs.filterTable.customQueries = reqObj;
this.$refs.filterTable.refresh();
}

<v-server-table ref="filterTable" :columns="data.columns" :options="data.options">