emit multiple filters at once in vue-table 2

Question

I have a three custom filters working on change select.

But because of the way I use button on click all the filter on single method.

Right now setting the custom filter and setting the page results in two calls to the server and it's causing me problems.

How can I set the page and the custom filter in a single operation so only one call is made ?

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

How to do the above so only one call is made to the server ?

please visit [this](https://github.com/ratiw/vuetable-2) link. — Jinal Somaiya, Oct 02 '19 at 06:00

score 0 · Answer 1 · answered May 02 '20 at 16:54

0

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">

answered May 02 '20 at 16:54

Arun kumar

1
2

I figured some answers to that problem which is I also faced. We can't emit object of values at a time, but we can override the vue table -2 state object like, by using the ref attribute can override the request object. By doing this you can send multiple data in a single request. – Arun kumar May 02 '20 at 16:56

emit multiple filters at once in vue-table 2

1 Answers1