1. 问题
我们用Vue做项目的时候,经常会碰到加载了数据之后,我们再需要刷新当前页面的时候,页面的列表数据不能及时更新,或者是展示出现问题,这个原因是我们在使用v-if展示一个我们的结果时,如果之前进行了一次查询,后面再查询会出现展示结果错误的情况,而这个原因就是我们没有对结果展示部分进行刷新的缘故。
2. 解决方法
使用provide
![](https://img.haomeiwen.com/i17102947/5cb1a5b9330754f8.png)
![](https://img.haomeiwen.com/i17102947/796cec52eeb10435.png)
![](https://img.haomeiwen.com/i17102947/1126b0ee665c60f9.png)
这样每次刷新这个部分的时候就能实现自动刷新,不会展示错误啦!
![](https://img.haomeiwen.com/i17102947/6849746649f5c8c1.jpg)
我们用Vue做项目的时候,经常会碰到加载了数据之后,我们再需要刷新当前页面的时候,页面的列表数据不能及时更新,或者是展示出现问题,这个原因是我们在使用v-if展示一个我们的结果时,如果之前进行了一次查询,后面再查询会出现展示结果错误的情况,而这个原因就是我们没有对结果展示部分进行刷新的缘故。
使用provide
这样每次刷新这个部分的时候就能实现自动刷新,不会展示错误啦!
本文标题:Vue主动刷新页面部分东西及删除原列表数据的方法
本文链接:https://www.haomeiwen.com/subject/lfibbktx.html
网友评论