hellodigua / vue-danmaku

基于 Vue 的弹幕交互组件 | A danmaku component for Vue
https://hellodigua.github.io/vue-danmaku
MIT License
620 stars 60 forks source link

删除其中一条弹幕,或者修改其他某条弹幕数据时,视图内容不会更新 #53

Closed unique-LN closed 11 months ago

unique-LN commented 11 months ago

问题

请在此描述你的问题

slot模式下

  1. 删除其他一条弹幕,视图不更新,下一轮循环才更新
  2. 修改某条弹幕的属性,比如点赞数目,视图不更新,下一轮循环才更新

打断点看这里的数据已经更新了 image

代码实现

在此附上你遇到问题的代码或代码截图。

环境

unique-LN commented 11 months ago

已经自己在业务层解决

hellodigua commented 11 months ago

请问能说一下怎么解决的吗,当时看到这条issue还没啥思路

unique-LN commented 11 months ago

删除的我是用样式控制直接隐藏了,就是维护了一个需要删除的id数组,视图就可以更新了,因为数据层是可以删除的,之前只是视图不更新 编辑的我还没找到很好的解决方案,就是给了一个投机取巧的方案,读到hover这条的位置先占位式隐藏当条,在外面写的当前hover这条的所有操作div,并放到屏幕中间,1是怕跑的时候只显示了一半,部分操作看不全点不了,2是可以自己更新视图,鼠标移出的时候就隐藏操作栏。弹幕显示继续移动 大佬有更好的解决方案可以讨论学习下