watch的时候css样式

来源：5-10 播放器 cd 唱片旋转相关逻辑开发

Chaosdanny

2021-05-31

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

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

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

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

写回答

1回答

ustbhuangyi

2021-05-31

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

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

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

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

ustbhuangyi

Chaosdanny

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

2021-06-01

共2条回复

Vue3开发企业级音乐Web App 明星讲师带你学大厂代码

慕课网明星讲师黄轶深度讲解 Vue3.0 ，提升的不止是Vue代码能力

2223 学习 · 1002 问题

相似问题

回答 2

回答 1

回答 2

回答 3

回答 3