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

【问题标题】：emit multiple filters at once in vue-table 2在 vue-table 2 中一次发出多个过滤器
【发布时间】：2020-01-08 07:31:03
【问题描述】：

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

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

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

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

 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)
},

如何做到以上，只调用一次服务器？

【问题讨论】：

请访问this链接。

标签： javascript vue.js vuejs2 vue-tables-2

【解决方案1】：

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

&lt;v-server-table ref="filterTable" :columns="data.columns" :options="data.options"&gt;

【讨论】：

我想出了一些我也面临的问题的答案。我们不能一次发出值对象，但我们可以覆盖 vue table -2 状态对象，例如通过使用 ref 属性可以覆盖请求对象。通过这样做，您可以在一个请求中发送多个数据。