vue+elementui 如何刷新整个界面
本文共 642 字，大约阅读时间需要 2 分钟。
在这里当我们上传图片再对图片进行回显的时候，当前这个vue文件还是可以得到这个图片的地址从而进行回显的，而当我们一个界面是由两个vue构成的呢？那么另一个vue该怎么进行重新加载呢？
第一种方法：对整个界面进行刷新。
采用window.reload()，或者router.go(0)刷新时，对整个浏览器进行了重新加载第二种方法：跳转到另一个vue当中又迅速的跳回来
第三种方法：采取 provide / inject 组合
允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。provide和inject需要配合使用，它们的含义如下:
provide
- 一个对象或返回一个对象的函数，该对象包含可注入起子孙的属性，可以使用ES6的Symbols作为key(只有原生支持Symbol才可以)
inject：
- 一个字符串数组或一个对象
- 字符串数组：provide对象里哪些属性可用
- 一个对象：key是本地的绑定名，value是provide里对应的对象名，也可以是一个对象，此时from属性是provide里对应的对象名，default属性是不存在时的默认值
如何实现呢？如下：在App.vue文件当中进行声明
在需要进行重加载的页面注入App.vue组件提供（provide）的 reload 依赖，
最后给定逻辑，在某一条件成功之后触发这个重载方法 this.reload() 
转载地址：http://okqzi.baihongyu.com/
你可能感兴趣的文章
需求分析
查看>>
软件设计
查看>>
程序编码
查看>>
软件测试
查看>>
软件维护
查看>>
软件项目管理
查看>>
面向过程的分析方法
查看>>
面向数据流的设计方法
查看>>
软件设计基础
查看>>
UML的基本结构
查看>>
UML中几种类间关系：继承、实现、依赖、关联、聚合、组合的联系与区别
查看>>
用例图（UseCase Diagram）—UML图（一）
查看>>
类图（Class diagram）—UML图（二）
查看>>
对象图（Object Diagram）—UML图（三）
查看>>
活动图（Activity Diagram）—UML图（四）
查看>>
状态图（Statechart Diagram）—UML图（五）
查看>>
时序图（Sequence Diagram）—UML图（六）
查看>>
构件图（Component Diagram）—UML图（八）
查看>>
部署图（Deployment Diagram）—UML图（九）
查看>>
协作图（Collaboration Diagram）—UML图（七）
查看>>