search

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是可以自己更新视图，鼠标移出的时候就隐藏操作栏。弹幕显示继续移动 大佬有更好的解决方案可以讨论学习下