刷新表格数据的方法：

1、this.$router.go(0)

这种方法页面会一瞬间的白屏，体验不是很好，虽然只是一行代码的事

2、location.reload()

这种也是一样，画面一闪，效果总不是很好

3、跳转空白页再跳回原页面

在需要页面刷新的地方写上：this.$router.push(’/emptyPage’)，跳转到一个空白页。在emptyPage.vue里beforeRouteEnter 钩子里控制页面跳转，从而达到刷新的效果


beforeRouteEnter (to, from, next) {next(vm => {vm.$router.replace(from.path)})
}

这种画面虽不会一闪，但是能看见路由快速变化

4、控制的显示隐藏(最实用的方法)

在App.vue中写如下代码

template><div id="app"><router-view v-if="isShow"></router-view>    </div>
</template><script>
export default {name: 'App',provide () {return {reload: this.reload}},data () {return {isShow: true}},methods: {reload () {this.isShow= falsethis.$nextTick(function () {this.isShow= true})}}}
</script>

然后在需要刷新的页面引入依赖：inject: [‘reload’],
在需要执行的地方直接调用方法即可：this.reload()

Vue删除数据成功后如何刷新表格数据相关推荐

ElementUI 添加修改提示成功后如何刷新表格数据展示
解决的办法在提示成功后的代码,重新调用请求的数据的返回信息获取数据库的数据 -提示成功调用请求数据的返回信息
Django：使用模态框新增数据，成功后提示“提交成功”，并刷新表格bootstrap-table数据...
废话不说先看图: 代码实现: 前台代码: {% load staticfiles %} <!DOCTYPE html> <html lang="en">& ...
Vue+ElementUI纯前端技术实现对表格数据的增删改查
Vue+ElementUI纯前端技术实现对表格数据的增删改查页面展示效果一.页面结构分为三个部分 head body 以及script 一般我个人是在head中引入一些组件库 , 还有一些样式 ...
ajax提交成功后局部刷新 jq_JQuery ajax局部刷新实例
在我们开发的时候,我们回时常用到javascript实现页面局部刷新,本文我们就和大家分享JQuery ajax局部刷新,具有一定的参考价值,感兴趣的小伙伴们可以参考一下案例: 描述: 1. 点击登 ...
jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法
jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法参考文章: (1)jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法 ( ...
ajax 请求成功再执行javascript,jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法...
jquery中ajax请求后台数据成功后既不执行success也不执行error,此外系统报错:Uncaught SyntaxError: Unexpected identifier at Objec ...
调用$.ajax不成功,jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法...
jquery中ajax请求后台数据成功后既不执行success也不执行error,此外系统报错:Uncaught SyntaxError: Unexpected identifier at Objec ...
防止登录成功后重复刷新页面跳回登录页面
登录action:system/Syslogin/sysLogin.do public String sysLogin() { try { //验证码验证 String yzm = Struts2Ut ...
VUE路由跳转后自动刷新一次页面
VUE路由跳转后自动刷新一次页面我们在前端开发时有时会遇到一些问题,暂时找不到解决办法只有靠刷新才能救一下.可是又不能每次都手动刷新.在网上找了很久的自动刷新办法,发现大部分都是路由跳转类的刷新,和 ...

Vue删除数据成功后如何刷新表格数据

文章目录

刷新表格数据的方法：

1、this.$router.go(0)

2、location.reload()

3、跳转空白页再跳回原页面

4、控制的显示隐藏(最实用的方法)

Vue删除数据成功后如何刷新表格数据相关推荐

最新文章

热门文章