使用VUE時遇到的數據變更但頁面不會刷新的問題

最近結合vue使用的element-UI 其中的tab欄
數據值改變，但是頁面上的標記沒有顯示出來，必須要點一下才能更新到頁面上。

輸出了一下在顯示之前，數據的確已經改變了。

查找了很多方案，有很多說
this.$forceUpdate() 強制更新，但是並沒有生效。目前還不知道原因。

最後發現，必須使數據改變時元素更新。

        <el-tab-pane name="demandList" :key='detailInfo.demandNumber'>
          <span class="label" slot="label"> 項目列表
            <el-badge v-if="detailInfo.demandNumber > 0" :value="detailInfo.demandNumber"></el-badge>
          </span>
          <demand-list></demand-list>
        </el-tab-pane>

在el-tab-pane中使數量變成這個元素的key ，當數值發生變化的時候，這個元素會刷新了。