如何实现网页当前页面刷新功能
发布时间:2024年01月11日
类似于这样的页面
实现思路如下:
- 首先我们在pinia中定义一个刷新状态的字段,点击按钮的时候,改为相反的值
- 对主页面的路由跳转Router-view绑定一个v-if,它绑定一个自定义的一个响应的参数,我们在主页面监听pinia的刷新状态数据,如果它发生变化,就把定义的响应参数改为false,那么对应的路由组件就会销毁,当销毁完成,dom重新生成完成后,再把?响应状态改为true,这样组件就会重新创建,实现刷新功能,这里的dom重新生成触发,可以通过nextick(),方法实现
let isRefresh=ref(true)
watch(()=>isFold.refresh,()=>{
console.log('改变了')
isRefresh.value=false
nextTick(()=>{
console.log('dddddddd')
isRefresh.value=true
})
})
文章来源:https://blog.csdn.net/weixin_59244784/article/details/135532927
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:chenni525@qq.com进行投诉反馈,一经查实,立即删除!