相信不少人应该都遇到过这个问题
在使用vue3,语法糖 script setup 的时候,组件接口请求回来之后会发现页面列表并没有渲染,其实解决办法也很简单,只需要给组件外部增加一个 suspense 标签包裹就可以了。
首先聊聊为什么会出现这种情况,原因是使用 setup 语法糖之后,组件的 setup 会自动变成 async setup() 当我们在组件内进行异步接口使用await关键字请求的时候,会导致子组件成为异步组件
suspense 组件用于在等待某个异步组件解析时显示后备内容,允许将等待过程提升到组件树中处理,而不是在单个组件中。
具体也可以看官方介绍 v3.cn.vuejs.org/guide/migra…
这是我在demo练习中遇到的问题
不加 suspense 标签包裹子组件
加上 suspense 标签包裹子组件
以上就我的踩坑记录,有理解不对的地方,还请多多指教。