当前位置: 首页 > Web前端 > vue.js

vue数据刷新后,如果设置了overflow-scroll,下拉进度条还停留在最后的位置

时间:2023-03-31 23:32:42 vue.js

1。问题描述:复制文字超出了包裹它的div的边界,设置div为overflow-y:scroll,下拉到底部:点击切换周期,会请求相应周期的数据;发现copy的位置和上次一致:2.问题分析选择新时期时,会比较新旧虚拟dom,然后更新真实dom。虚拟div与父节点保持一致,新的虚拟文本节点将替换真实dom的文本节点。但是div没有变化,所以滚动进度条还是停留在最后一个位置。3、解决问题给div添加自定义属性:在请求数据后添加:this.freshKey=newDate().getTime(),使div的新旧class属性变得不同,达到效果刷新dom。