请问一下老师进度条拖动进度

Question

请问一下老师我这里检查了下老师代码中的，两次打印的进度。当我松开手指的时候两次的progress并不一样。没有想明白为什么不一样(差距比较小，所以视觉上并不影响)。
老师我打印了下发现是temWidth和this.$refs.progress.clientWidth不一致导致的，但是不太明白为什么这两个值会不一样

Answer 1

ustbhuangyi 2021-05-13 09:55:29

不一样也正常吧，一个是计算出来的，一个就是 DOM  渲染的宽度

• 提问者 hy_wang #1

  但是咱们不是给dom宽度赋值的就是计算出来的结果，然后在获取的话就不一样了嘛。。

• ustbhuangyi 回复 提问者 hy_wang #2

  数据到 DOM 的更新有一个 Tick 的间隔，但事件是同步的

• 提问者 hy_wang 回复 ustbhuangyi #3

  老师，我想到了这个。。在end时候使用了nexttick之后才进行打印。但是值还是不一样…

点开查看后面3条评论