vue+iview 进行table表格数据的更新显示,局部刷新

hello,在这个新做了一个网站,想提高一下权重 麻烦看见的给我点一下哦~ 是吉他乐谱分享的哦~
www.lsjita.com
使用vue+iview进行vue后台管理系统,对iview不太熟悉,然后就出现了好多问题,上一个有记录,这个来区分一下

在使用location.reload() 或者是 路由的 this.$router.go(0) 进行刷新的时候,是会出现一阵的空白区域的,因为是整个页面的刷新,所以比较缓慢,因此使用了provide/inject的方法。

provide:选项是一个对象或返回一个对象的函数。该对象包含可注入其子孙的属性。
inject:一个字符串数组,或一个对象,对象的 key 是本地的绑定名

提示:provide和inject绑定并不是可响应的。但是,如果你传入了一个可监听的对象,那么其对象的属性还是可响应的。

作用:允许一个祖先组件向其所有子孙后代注入一个依赖,这个依赖在这里就是能够进行依赖的组件。

第一步:
在App.vue中写入以下代码:因为是用vue-cli 搭建的,所以是这个样子的~







第二步:在页面注入App.vue组件提供(provide)的 reload 依赖,在逻辑完成之后(删除或添加…),直接this.reload()调用,即可刷新当前页面。inject就是和data是同意层级的~
在这里插入图片描述

第三步:调用
vue+iview 进行table表格数据的更新显示,局部刷新_第1张图片

你可能感兴趣的:(vue)