vue延迟渲染数据没更新分页没更新

朱雀 2024-04-18 10:41 51阅读 0赞

## vue有时候会渲染的速度比异步请求的速度要快，所以导致了渲染的数据没有更新上，第二张图，有data的total表示的是自己设置总数量110条，而实际上应该是请求后得到数据应该是474条，所以分页总数量应该是48不是11. ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxODkyNjI4MjE3_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxODkyNjI4MjE3_size_16_color_FFFFFF_t_70 1]

## 异步请求的方法 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxODkyNjI4MjE3_size_16_color_FFFFFF_t_70 2]

## 只要在进行赋值的代码语句上 ，进行如下图，的延迟执行，就可以等异步请求的数据已经更新后再赋值上了，就不会出现渲染没更新的情况。 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxODkyNjI4MjE3_size_16_color_FFFFFF_t_70 3]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxODkyNjI4MjE3_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/6e914da7f36a4a43bd8725ab1f78e5bc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxODkyNjI4MjE3_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/18f5083d339d444f9fe9ba678eca42f9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxODkyNjI4MjE3_size_16_color_FFFFFF_t_70 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/2b7b7be7e9a94d35bdf51bb353761879.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxODkyNjI4MjE3_size_16_color_FFFFFF_t_70 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/85932eadda0f42b081d22fa852abfe69.png