首页 > 其他 > 详细

vue删除表格内的数据后局部刷新页面

时间:2020-04-02 23:53:14      阅读:553      评论:0      收藏:0      [点我收藏+]

遇到的问题:如标题。

 

https://www.cnblogs.com/Yachne/p/11864523.html

上面博客,第一眼没看太懂,所以打算整理一下

 

解决思路:把调用api,加载数据做成一个方法(onSeach),用created初始化,再在删除/添加方法里重新加载该方法(onSeach),这样就实现了页面局部刷新页面。

 

另有两个方法会刷新整个页面,造成短暂空白,不太建议用。

location.reload()

this.$router.go(0)

 

把加载页面数据的请求做成一个方法

技术分享图片

这里我用的时vuex,也可以直接请求数据,和直接请求一样的结果

 

created初始化数据

技术分享图片

 

 

在刷新/删除方法里使用onSeach

 

技术分享图片

 

 

这样就实现局部刷新了。

vue删除表格内的数据后局部刷新页面

原文:https://www.cnblogs.com/vokiinnn/p/12623793.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!