vue中新增数据刷新表格,vue 刷新数据

　　本文主要介绍删除vue列表数据后主动刷新页面的相关信息和刷新方法。通过示例代码进行了非常详细的介绍，对大家的学习或工作有一定的参考价值。下面让我们跟随边肖一起学习。

问题描述：

　　在前端删除一条数据或者添加新数据后，后端操作成功，但是前端不会自动刷新，需要重新刷新当前页面。

　　(用vue-router重新路由到当前页面，页面不刷新。当使用window.reload()或router.go(0)刷新时，整个浏览器都会重新加载)

解决：

　　提供/注入组合

　　功能：允许一个祖先组件向它的所有后代注入一个依赖关系，不管组件层次有多深，只要建立了上下游关系，它就会一直生效。

　　(声明reload方法来控制路由器视图的显示或隐藏，从而控制页面的重新加载)

　　App.vue代码：

　　模板

　　div id=应用程序

　　路由器视图v-if= isRouterAlive /路由器视图

　　/div

　　/模板

　　脚本

　　导出默认值{

　　名称：“应用程序”，

　　组件：{}，

　　提供(){

　　返回{

　　重新加载：this.reload

　　}

　　},

　　data() {

　　返回{

　　isRouterAlive:没错，

　　};

　　},

　　cread() {}，

　　方法：{

　　reload(){

　　this.isRouterAlive=false

　　这个。$nextTick(function(){

　　this.isRouterAlive=true

　　})

　　}

　　},

　　已安装(){

　　},

　　}

　　/脚本

　　风格

　　/风格

　　用法：

　　//引用vue重载方法

　　注入：[reload]，

　　//在方法中调用

　　this.reload()

　　永远在少年的时候走的更好更远，这样才对得起自己，才对得起背后的坚定！加油！

总结

　　这篇关于删除vue列表数据后主动刷新页面和刷新方法的文章到此为止。有关删除vue列表数据后刷新页面的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。