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

一、问题形容:

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

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

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


二、剖析问题

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


三、解决问题

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


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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理