在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 監(jiān)視v-for循環(huán)中改變的項(xiàng)并表示出來

監(jiān)視v-for循環(huán)中改變的項(xiàng)并表示出來

clipboard.png

如圖一數(shù)據(jù)表格,用v-for循環(huán)出來,大概每1秒鐘請(qǐng)求一次數(shù)據(jù)
想讓每次請(qǐng)求數(shù)據(jù)時(shí),有改變的行突出顯示,不知vue2中可有辦法實(shí)現(xiàn)這個(gè)需求 ?

回答
編輯回答
久不遇

寫一個(gè) oldlist, 一個(gè) list , 用 watch 監(jiān)控 list, 把老值賦值給 oldlist , 然后兩個(gè) list 做判斷, class="{new: oldlist[i] != list[i]}" <- 這里瞎寫的不要介意.

2017年10月23日 13:55
編輯回答
生性

我覺得最好的辦法是在你賦值之前對(duì)加載到的數(shù)據(jù)進(jìn)行處理。

<table>  
  <tr v-for="item in items" :class="item.isChanged ? 'changed' : ''">....</tr>
</table>
export default {
  data() {
    return {
      items: [],
    }
  }
  methods: {
    fetch() {
      fetch(API)
        .then(response => {
          const items = keyBy(this.items, 'id');
          this.items = response.map(item => {
            item.isChanged = item.value !== items[item.id].value;
          });
        });
    }
  },
  mounted() {
    setInterval(this.fetch.bind(this), 60000);
  },
}
2018年2月10日 01:42