my page code structure is as follows:
<template>
<div>
<tab></tab>
<scroller>
<div v-for="item in list">
<item :val="item"></item>
</div>
</scroller>
</div>
</template>
so after clicking on tab, I change the list by assigning a value to this.list.
but actually found that there will be a flash when switching.
through the video recording of the mobile phone, it is found that there will be an instant of about a frame in which the list will have the old value.
for example,
originally list= [1 Jing 2 Jue 3], then the rendering is:
- 1
- 2
- 3
then I put list= [4Magne5JE6] (that is, the equal sign is used, but not with concat), the result will be rendered in an instant is
- 2
- 3
- 4
- 5
- 6
and then become
- 4
- 5
- 6
if I list= [] at this time, the result will be
for a moment.- 6
becomes empty again.
means that the rendering of the list is not completed in one frame, and if the recorded video slows down, you will see the process of appearing one by one and disappearing one by one.
this is not the case on the web side, but it is true on both iOS and Android.