vue中如何实现主动刷新页面


本篇内容介绍了“vue中如何实现主动刷新页面”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!1.场景在处理列表时,常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。2.遇到的问题1. 用vue-router重新路由到当前页面,页面是不进行刷新的2.采用window.reload(),或者router.go(0)刷新时,整个浏览器进行了重新加载,闪烁,体验不好3.解决方法provide / inject 组合作用:允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。App.vue:声明reload方法,控制router-view的显示或隐藏,从而控制页面的再次加载tableList.vue:在页面注入App.vue组件提供(provide)的 reload 依赖,在逻辑完成之后(删除或添加…),直接thi 香港云主机s.reload()调用,即可刷新当前页面。4.provide / inject 用法provide:选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的属性。inject:一个字符串数组,或一个对象,对象的 key 是本地的绑定名提示:provide 和 inject 绑定并不是可响应的。这是刻意为之的。如果你传入了一个可监听的对象,那么其对象的属性还是可响应的。==========================================深入理解数据驱动1. 获取列表方法2.重新获取数据3.这样再次调用获取数据,即可同步实现页面数据更新(不会重新刷新页面),同时保证有分页时,能够停留在当前页(刷新前如果是第二页,刷新后依然在第二页),“vue中如何实现主动刷新页面”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注开发云网站,小编将为大家输出更多高质量的实用文章!

相关推荐: win10系统怎么删除顽固文件

这篇文章主要介绍“win10系统怎么删除顽固文件”,在日常操作中,相信很多人在win10系统怎么删除顽固文件问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”win10系统怎么删除顽固文件”的疑惑有所帮助!接下来,请跟着小编一起来学…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 07/15 16:47
Next 07/15 16:47

相关推荐