首页 > 其他 > 详细

vue 刷新

时间:2019-03-01 17:57:48      阅读:137      评论:0      收藏:0      [点我收藏+]

1.使用场景

  管理后台在添加删除等操作数据时,需要重新加载页面来达到同步更新的需求。

2.问题出现场景

  由于项目中使用了elementU,用到了select的multiple多选属性,同时又引入了地图,在添加完数据时,出现了一些问题,比如需要添加数据成功的同时清空定位等,同时select的多选属性造成了value.push的问题,几种方案比较之下,刷新可以同时解决以上两个问题。js刷新问题,用户体验不是很好,会有闪烁,整个浏览器进行了重载。

3.解决方案

网上查阅发现vue官网api,provide 和 inject 主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。

4.使用方法

App.vue中

技术分享图片

技术分享图片

声明一个reload方法,通过控制isRouterAlice属性true or false 来控制router-view的显示或隐藏,从而控制页面的再次加载

5.在需要当前页面刷新的页面中注入App.vue组件提供(provide)的 reload 依赖,然后直接用this.reload来调用就行

技术分享图片

技术分享图片

 

vue 刷新

原文:https://www.cnblogs.com/wyycatch/p/10457472.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!