vue中使用[provide/inject]实现页面reload的方法


Posted in Javascript onSeptember 30, 2019

在vue中实现页面刷新有不同的方法:

如:this.$router.go(0),location.reload()等,但是或多或少会存在问题,如页面会一闪等

所以建议使用[provide/inject]实现刷新

该方法t简单的来说就是在父组件中

1.设置provider

vue中使用[provide/inject]实现页面reload的方法

2.然后在子组件中通过inject调用

vue中使用[provide/inject]实现页面reload的方法

3.在需要执行的地方直接调用方法即可

vue中使用[provide/inject]实现页面reload的方法

总结

以上所述是小编给大家介绍的vue中使用[provide/inject]实现页面reload的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
Jquery在IE7下无法使用 $.ajax解决方法
Nov 11 Javascript
幻灯片带网页设计中的20个奇妙应用示例小结
May 27 Javascript
基于jquery & json的省市区联动代码
Jun 26 Javascript
javascript间隔定时器(延时定时器)学习 间隔调用和延时调用
Jan 13 Javascript
快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
Dec 01 Javascript
详解XMLHttpRequest(二)响应属性、二进制数据、监测上传下载进度
Sep 14 Javascript
轻松理解JavaScript之AJAX
Mar 15 Javascript
vue组件挂载到全局方法的示例代码
Aug 02 Javascript
详解使用element-ui table组件的筛选功能的一个小坑
Nov 02 Javascript
vue实现的微信机器人聊天功能案例【附源码下载】
Feb 18 Javascript
详解Vue中的自定义指令
Dec 07 Vue.js
Vue项目中使用mock.js的完整步骤
Jan 12 Vue.js
JavaScript中的null和undefined用法解析
Sep 30 #Javascript
vue resource发送请求的几种方式
Sep 30 #Javascript
Bootstrap table 实现树形表格联动选中联动取消功能
Sep 30 #Javascript
bootstrap table实现iview固定列的效果实例代码详解
Sep 30 #Javascript
JavaScript实现图片上传并预览并提交ajax
Sep 30 #Javascript
浅探express路由和中间件的实现
Sep 30 #Javascript
JavaScript实现单图片上传并预览功能
Sep 30 #Javascript
You might like
星际RPG字典
2020/03/04 星际争霸
PHP函数nl2br()与自定义函数nl2p()换行用法分析
2016/04/02 PHP
php版微信支付api.mch.weixin.qq.com域名解析慢原因与解决方法
2016/10/12 PHP
ThinkPHP5.1验证码功能实现的示例代码
2020/06/08 PHP
论坛特效代码收集(落伍转发-不错)
2006/12/02 Javascript
IE 上下滚动展示模仿Marquee机制
2009/12/20 Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
2015/03/31 Javascript
JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色
2015/11/26 Javascript
jQuery实现的tab标签切换效果示例
2016/09/05 Javascript
nodejs和C语言插入mysql数据库乱码问题的解决方法
2017/04/14 NodeJs
AngularJS实现自定义指令与控制器数据交互的方法示例
2017/06/19 Javascript
基于vue实现一个神奇的动态按钮效果
2019/05/15 Javascript
详解解决小程序中webview页面多层history返回问题
2019/08/20 Javascript
使用JavaScript获取Django模板指定键值数据
2020/05/27 Javascript
vue设置全局访问接口API地址操作
2020/08/14 Javascript
浅谈Ant Design Pro 菜单自定义 icon
2020/11/17 Javascript
跟老齐学Python之私有函数和专有方法
2014/10/24 Python
Python使用三种方法实现PCA算法
2017/12/12 Python
Python continue继续循环用法总结
2018/06/10 Python
纯用NumPy实现神经网络的示例代码
2018/10/24 Python
纯python进行矩阵的相乘运算的方法示例
2019/07/17 Python
详解Python利用random生成一个列表内的随机数
2019/08/21 Python
spyder 在控制台(console)执行python文件,debug python程序方式
2020/04/20 Python
Keras设定GPU使用内存大小方式(Tensorflow backend)
2020/05/22 Python
Python库安装速度过慢解决方案
2020/07/14 Python
input file上传文件样式支持html5的浏览器解决方案
2012/11/14 HTML / CSS
Parts Express:音频、视频和扬声器的第一来源
2017/04/25 全球购物
施工人员岗位职责
2013/12/12 职场文书
学校献爱心活动总结
2014/07/08 职场文书
2014院党委领导班子对照检查材料思想汇报
2014/09/24 职场文书
党员自我剖析材料(群众路线)
2014/10/06 职场文书
2014年机关后勤工作总结
2014/12/16 职场文书
2015年试用期工作总结范文
2015/05/28 职场文书
运动会跳远广播稿
2015/08/19 职场文书
那些美到让人窒息的诗句,值得你收藏!
2019/08/20 职场文书
详解CSS玩转图片Base64编码
2021/05/25 HTML / CSS