宝哥软件园

vue this.reload方法配置

编辑:宝哥软件园 来源:互联网 时间:2021-08-30

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的配置。边肖介绍的重装方法。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

更多资讯
游戏推荐
更多+