目录方法1:直接调用函数方法2:采用provide / inject(静刷新)优势比较方法1:直接调用函数 将整个页面重载, 以下两种都可以 1.window.location.r
将整个页面重载, 以下两种都可以
1.window.location.reload()
2.this.$router.Go()
在高阶函数中声明一个reload刷新函数
<template>
<div id="app" v-if="show"></div>
</template>
<script>
export 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页面刷新的资料请关注编程网其它相关文章!
--结束END--
本文标题: 应用provide与inject刷新Vue页面方法
本文链接: https://www.lsjlt.com/news/136574.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0