不更新的情况:scroll-view标签下的第一行直接是用v-for循环渲染。初次渲染是没有问题的,列表数据更新时页面不更新。
<scroll-view>
<view v-for="item in list">{{item}}<view/>
<scroll-view/>
解决方法:scroll-view标签下的第一行不要直接用v-for,先套一个view,再在套的view里用v-for即可解决。
<scroll-view>
<view>
<view v-for="item in list">{{item}}<view/>
</view>
<scroll-view/>
当scroll-view内的第一行直接使用v-for进行循环渲染时,可能出现列表数据更新但页面不更新的状况。为解决此问题,可以将v-for嵌套在scroll-view外的view标签内,即在scroll-view中先有一个view容器,然后在这个容器中使用v-for,这样可以确保列表数据变化时页面正确刷新。
1900





