axios请求获取数据前,使用v-if判断div显示出现闪烁

立夏的
  • 11

我在data中默认定义了一个isEnd为false

image.png

然后axios请求数据,再修改isEnd

image.png

image.png

但是请求获得数据前有一瞬,那个nomore组件总是会出现再消失,如果网速慢一点还会更明显,有没有什么办法呀

回复
阅读 1.7k
5 个回答

isEnd默认值改为true,默认不显示nomore,或者加loading呢

应该是nomore组件里面v-if用了两个判断条件导致的,逻辑变复杂了,
可以先调试一下,消失情况是哪个条件为false

用v-cloak了吗,加上试试

出现再消失是因为v-if 的条件同时都满足了,建议你先全局搜一搜 isEnd,明确一下是不是有别的地方也给 isEnd 赋值为了 true
另外条件可以写成:
v-if="isEnd && !articles.length"

宣传栏