問題描述

公司開發(fā)一款vue應(yīng)用，在一個(gè)頁面上顯示table組件的同時(shí)，需要頁面其他組件內(nèi)的圖表與table進(jìn)行聯(lián)動(dòng)，
即：點(diǎn)擊圖表某一項(xiàng)，在table內(nèi)過濾對應(yīng)項(xiàng)的數(shù)據(jù)

相關(guān)代碼

以下是過濾條件發(fā)生變化(filter-change)時(shí)的方法:

fillFilter() {
   this.dynamicTags= [];//dynamicTags是過濾項(xiàng)的集合，在監(jiān)聽器里watch了這個(gè)屬性，一旦dynamicTags變化，則調(diào)接口更新數(shù)據(jù)
   var condition = {
        page: this.page,
        category:"",
         effect:"",
        timeScale:"",
        state:""
   };
    for (let e of this.$refs.expandTable.columns) {//循環(huán)列的每一項(xiàng)，將已存在的過濾項(xiàng)添加到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);
                
  },

實(shí)際看到的錯(cuò)誤信息又是什么？你期待的結(jié)果是什么？

用這種方式過濾數(shù)據(jù)有一個(gè)問題，即若先利用圖表聯(lián)動(dòng)更新了dynamicTags，然后再點(diǎn)擊filter觸發(fā)過濾過濾方法，那么之前圖表聯(lián)動(dòng)里更新的dynamicTags將被覆蓋掉，

而我期待的實(shí)現(xiàn)方式，是在點(diǎn)擊圖表某項(xiàng)后，直接操作table的過濾條件，使table自己觸發(fā)過濾方法，但查閱了文檔，沒有發(fā)現(xiàn)直接觸發(fā)過濾的方法，有什么其他方式解決這個(gè)問題嘛