让vue重新渲染

目录

• 问题重现
• 解决方法
• 项目地址

问题重现

• <scroll-view class="right-scroll-view" scroll-y :style="{height: wh + 'px'}" :scroll-top="scrollTop"> 这段代码中，我想实现切换页面但是滚动条每次都会切换到顶部，在js代码中设置scrollTop值为0，但是发现不起作用
• 问GPT发现是，如果scrollTop的值没有变的话，Vue是不会重新渲染

解决方法

• 当设置scrollTop为0时，滚动视图会滚动到顶部。但是，如果你多次设置scrollTop为0，而其当前值已经是0，Vue可能不会触发重新渲染，因为它认为值没有改变。通过在0和1之间切换scrollTop的值，你可以确保每次切换时都会触发重新渲染，使得滚动视图重新计算滚动位置，从而实现每次都回到顶部的效果。
• 让scrollTop中的值每次都变就好了，每次都很小就行

项目地址

• https://github.com/PooYooGitHub/learnproject-uni-app/blob/main/pages/cate/cate.vue