鍍金池/ 問答/HTML/ vue 如何監(jiān)聽一個數(shù)組的某一個數(shù)據(jù)發(fā)生變化并讓他高亮？

vue 如何監(jiān)聽一個數(shù)組的某一個數(shù)據(jù)發(fā)生變化并讓他高亮？

<template>
  <div>
    <ul>
      <li v-for="data in datas" :key="data.id">{{data}}</li>
    </ul>
  </div>
</template>

export default {
  data() {
    return {
      datas: []
    };
  }
};

這個datas通過setInterval每5秒返回新數(shù)據(jù)，里邊的一些數(shù)據(jù)可能發(fā)生變化，如何讓某個發(fā)生變化的數(shù)據(jù)（某個li）閃爍一下提示用戶？

回答
編輯回答
心夠野

按照樓主的描述
我們只需監(jiān)聽股票數(shù)值的的變化
這里以value暫代
您可以把上一次獲取的數(shù)據(jù)存起來

{
    oldDatas:[]
}

然后新的列表和舊的列表對比value的值, 可以通過給li加上class名來加高亮

<li v-for="(data,index) in datas" :key="data.id" :class="{isChanged: oldDatas[index].value !=== data.value}">{{data}}</li>
2018年2月28日 18:30