The table component of element-ui, how to operate Filter conditions?

problem description

vuetabletable
:table

related codes

the following is the method when the condition of Filter changes (filter-change):

fillFilter() {
   this.dynamicTags= [];//dynamicTagswatchdynamicTags
   var condition = {
        page: this.page,
        category:"",
         effect:"",
        timeScale:"",
        state:""
   };
    for (let e of this.$refs.expandTable.columns) {//condition
         if (e.filteredValue.length > 0) {
             for (let v of e.filteredValue) {
                if("category" == e.property)
                    {
                        condition.category += (condition.category === "" ?  v : "," + v);
                    }
                    else if("effect" == e.property)
                    {
                        condition.effect += (condition.effect === "" ?  v : "," + v);
                    }
                    else if("recording" == e.property)
                    {
                        condition.timeScale += (condition.timeScale === "" ?  v : "," + v);
                    }
                    else if("state" == e.property)
                    {
                        condition.state += (condition.state === "" ?  v : "," + v);
                    }
               }
              }
          }
   this.dynamicTags=(condition);
                
  },
What is the error message that

actually sees? What result do you expect?

there is a problem with Filter data in this way, that is, if you first use the chart linkage to update dynamicTags, and then click filter to trigger Filter Filter method, then the updated dynamicTags in the previous chart linkage will be overwritten.

and the way I expect to achieve it is to directly manipulate the Filter condition of table after clicking on something in the chart to make table trigger the Filter method itself. But after consulting the documents, I found no way to trigger Filter directly. Is there any other way to solve this problem

?
Jun.01,2021

the current problem is that you click on the chart and filter the table on the right

.
when you trigger an event in api, you have to meet its conditions. Why not deal with the data directly in a different way? do you have to trigger its event and pass in parameters to process your data?

the current solution is to manipulate the filterdValue property in table, and then re-execute the above fillFilter method to update the data

changeFilteredValue(name,value){
    for(let e of this.$refs.expandTable.columns){
        if(e.property===name){
            if(value===''){
                e.filteredValue=[];
            }else{
                e.filteredValue=[value];
            }

        }
    }
}

then each time you click on the icon, trigger the changeFilterdValue method:

var _this = this;
bus.$on('stateSelect',function(stateType){
    _this.changeFilteredValue('state',stateType.toString());
    _this.fillFilter();
})
Menu