关于前端:解决vue数据刷新后若设置overflowscroll下拉进度条仍停留在上次位置问题

24次阅读

共计 286 个字符,预计需要花费 1 分钟才能阅读完成。

一、问题形容:

 文案文字超出包裹它的 div 边界,将 div 设置为 overflow-y:scroll, 并下拉到最底部:

 点击切换周期,会申请相应周期这方面的数据;

 发现文案地位和上一次保持一致:


二、剖析问题

 当新周期抉择后,新旧虚构 dom 会进行比照,而后更新实在 dom。虚构 div 为父节点不变,新虚构文本节点会替换实在 dom 的文本节点。但 div 未产生扭转,所以滚动进度条仍停留在在上一次地位。


三、解决问题

 给 div 减少一个自定义属性:


在申请完数据后减少:this.freshKey = new Date().getTime(),这样 div 的 class 属性新旧变得不一样,达到刷新 dom 的作用。

正文完
 0