watch的时候css样式

Question

  watch(playing, (newPlaying) => {
    if (!newPlaying.value) {
      syncTransform(cdRef.value, cdImageRef.value)
    }
  })

这一段代码，当playing改变的时候，即暂停的时候，会去记录样式，但是此时由于

const cdCls = computed(() => {
   return playing.value ? 'playing' : ''
})

已经没有了样式，我们怎么去拿到实时的样式😄就是对watch这块的运行时机不是很了解

Answer 1

ustbhuangyi 2021-05-31 16:51:38

syncTransform 是通过 DOM API 实时计算的样式。

const cdCls = computed(() => {
   return playing.value ? 'playing' : ''})

这段代码是根据 playing.value 计算出来的样式

我没有搞明白你的具体问题是什么呢？

• 提问者 Chaosdanny #1

  此时已经没了playing的样式，相当于图片回到最初的位置，然后通过syncTransform获取到的样式还是最初的位置，我纠结的点就是这里

• ustbhuangyi 回复 提问者 Chaosdanny #2

  不会的，数据变化到 DOM 的改变有一个 Tick 的时间