脚本宝典收集整理的这篇文章主要介绍了应用provide与inject刷新Vue页面方法,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
将整个页面重载, 以下两种都可以
1.window.location.reload()
2.this.$router.go()
在高阶函数中声明一个reload刷新函数
<template> <div id="app" v-if="show"></div> </template> <script> @R_777_995@ default { // 控制显示/隐藏, 实现刷新 data () { return { show: true } }, // 把刷新的方法传给低阶组件 provide () { return { reload: this.reload } }, methods: { // 高阶组件定义刷新方法 reload () { this.bol = false this.$nextTick(() => { this.bol = true }) } } } </script>
在低阶组件中使用刷新函数
<template> <div></div> </template> <script> export default { inject: ['reload'], methods: { // 低阶组件, 刷新 fun () { this.reload() } } } </script>
以上就是应用provide与inject刷新Vue页面方法的详细内容,更多关于Vue页面刷新的资料请关注脚本宝典其它相关文章!
以上是脚本宝典为你收集整理的应用provide与inject刷新Vue页面方法全部内容,希望文章能够帮你解决应用provide与inject刷新Vue页面方法所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。