vue this.reload方法配置

1.现场

在处理列表时，经常需要在删除一段数据或添加新数据后刷新当前页面。

2.遇到的问题

1.使用vue-router重新路由到当前页面，页面将不会被刷新

2.使用window.reload()或router.go(0)刷新时，整个浏览器重新加载并闪烁，体验不佳

3.解决方法

提供/注入的组合

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

我的项目配置：

home.vue

路由器视图

导出默认值{ provide(){ return { reload : this . reload } }，data(){ isreadalive : true }，methods : { reload(){ this . isreadalive=false；这个。$ NextTick(function(){ this . IsreadAllive=true；}) } }}

使用重载方法的页面

内容管理-投资建议tgtj.vue

export default { inject :[' reload ']，//inject reload method data(){。}，method : { set : function(id){ let param={ ' recorded consultant . id ' : this . recorded consultant _ id，' recorded consultant . sequence ' : this . recorded consultant _ sequence，' recorded consultant . consultant _ id ' : id } setrecorded advisor(param)。然后((数据)={ this。$ message({ message : data . ret . retmsg })；if(data . ret . successed){ this . reload()//调用refresh方法} })；}}}摘要

以上是vueteth的配置。边肖介绍的重装方法。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！