vue 刷新

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来调用就行

 

转载于:https://www.cnblogs.com/wyycatch/p/10457472.html

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
©️2021 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值