怎么让vue进行每秒局部刷新

Question

<div
      v-for="(item, index) in showEndTimeDownAction(item.endTimestamp)"
      :key="index"
      ref="xxx"
      :class="{ 'time-item--last': index == 2 }"
      class="time-item"
    >
      {{ item }}
    </div>

this.timer = null;
    this.timer = setInterval(() => {
      this.$refs["xxx"].render();
    }, 1000);

this.$refs["xxx"].render()只是比喻一下，不想用$forceUpdate()，也不用更新列表，有其他方法吗

Answer 1

如果你不想显示的使用 forceUpdate 的话，那就将需要刷新的部分抽离成一个组件，给组件设置一个 key，然后在改组件中维护一个 1s 的 setInterval，每隔 1s 修改一下 key 的值，触发页面渲染，
其次，我个人觉可以先描述自己的使用场景，为什么需要做到每秒局部刷新？可能会有其他的思路或者方法实现类似的功能，或者一开始你的想法是有误的。