在PC端一个长页面中，使用ElementUI的dialog组件遇到问题：投票后页面定位错误。原本功能是投票或取消投票后页面保持在原来位置。发现取消投票能正确返回，但投票后页面滚动到中部。尝试通过获取点击高度来恢复位置无效。最终解决方案是设置dialog的lock-scroll属性为false，避免弹框锁定body，从而在投票后页面刷新能正确回到投票前的位置。强调了理解并正确使用组件API的重要性。
**
dialog组件的属性–lock-scroll
**
elementUI官方解释
先描述下页面：pc端 一个很长的关于作品评选投票的页面，根据页面滚动距离进行分页按需加载，列表中的对象支持投票或取消投票。
描述功能：1.若当前作品支持投票，可点击投票按钮，点击后会出现一个弹框，内容显示可投票数，点击确定后掉投票接口，进行投票，成功后弹框关闭；需要刷新列表并且页面仍需显示至投票前的位置。
2.当前作品若已被投票，按钮则为取消投票按钮，点击按钮后直接发送请求，成功后直接刷新页面，也需要显示投票前的位置。
*当前问题：*点击取消投票后会成功返回至原先的位置，但是点击投票确定后，页面显示的位置是不对的，会显示在中间。
*尝试过的解决方案：*通过获取点击按钮时的高度，发送完请求后让页面滚动至对应距离，失败无效果。
最终解决方案：
将这个参数直接设置为false，就是出现弹框后让其不锁定body。此时再次点击投票后页面刷新完成后就定位至了原先的位置。
结语：
运用组件时还是需要多看组件相关属性方法api！
运用组件时还是需要多看组件相关属性方法api！
运用组件时还是需要多看组件相关属性方法api！
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
