Question

我想弄清楚何时由于更新了vue数据而更改了特定的DOM元素。

因此在下面的示例中，我想知道{person.favoriteColor}何时更改。 person.favoriteColor是动态人员列表的一部分，并且该人员可以随时更改其喜欢的颜色。人数也可以随时更改。因此，出于这种需要，我真的只是想知道何时更新了该人最喜欢的颜色。

<div v-for="person in people">
    <div>{{person.favoriteColor}}</div>
</div>

我需要的想法：

<div v-for="(person, index) in people">
    <div v-on:update='thisHasBeenUpdated(index)'>{{person.favoriteColor}}</div>
</div>

Answer 1

您想使用watch的声音：

watch: {
  'person.favoriteColor': {
    handler(value, oldValue) {
      console.log(`Favorite color changed from ${oldValue} to ${value}`);
    }
  }
}

了解Vue.js中的DOM元素何时已更改

1 个答案: