<强> 1。场景强>
在处理列表时,常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。
<强> 2。遇到的问题强>
1。用vue-router重新路由到当前页面,页面是不进行刷新的
2。采用<代码> window.reload(),> 代码或者<代码> router.go(0) 代码>刷新时,整个浏览器进行了重新加载,闪烁,体验不好
<强> 3。解决方法强>
提供/注射组合
作用:允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。
我的项目配置:
①home.vue
& lt; router-view v=" isReloadAlive "祝辞& lt;/router-view>
出口默认{ 提供(){ 返回{ 重载:this.reload } }, 数据(){ isReloadAlive:真 }, 方法:{ 重载(){ 这一点。isReloadAlive=false; 美元。nextTick(函数(){ 这一点。isReloadAlive=true; }) } } }
②使用重载方法的页面
,内容管理,投顾推荐,tgtj.vue
出口默认{ 注入(“重载”)://注入重载方法 数据(){ 。。。。 }, 方法:{ 设置:函数(id) { 让参数={ “recommendedConsultant。id”: this.recommendedConsultant_id, “recommendedConsultant。序列”:this.recommendedConsultant_sequence, “recommendedConsultant。consultant_id”: id } setRecommendedAdvisor(参数),然后((数据)=比;{ 这一点。消息({信息:data.ret美元。retMsg}); 如果(data.ret.succeed) { this.reload()//调用刷新方法 } }); } } }
以上所述是小编给大家介绍的vue这个。重新加载方法配置,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!