2016 - 2024

感恩一路有你

vue如何实现局部刷新 如何利用Vue实现页面的局部刷新?

浏览量:1362 时间:2021-03-16 01:57:06 作者:admin

如何利用Vue实现页面的局部刷新?

在页面中添加一个参数,然后编写一个监视参数变化的watch方法,当参数变化时调用方法实现

目前在用VUE做一个网页,上面有个实时数据变化展示,如何才能做到不页面刷新使页面数据变化?

这样描述它时首先想到的是Ajax

虽然您没有使用Vue,但文档中一定有类似的工具,登录成功后,需要将用户信息和菜单信息作为全局共享数据放在vuex中。但是当刷新页面时,vuex中的数据将被重新初始化,从而导致数据丢失。由于vuex中的数据存储在运行内存中,因此刷新页面时,页面将重新加载Vue实例,并重新分配vuex中的数据方法1:将vuex中的数据直接保存到浏览器缓存(会话存储、本地存储、cookie)方法2:刷新页面时再次请求远程数据,以便动态更新vuex数据方法3:在父页后台请求远程数据,并在刷新页之前将vuex中的数据保存到会话存储(如果数据请求过多)加载页时无法获取返回的数据

vue如何实现局部刷新 网页局部刷新怎么实现 vue局部刷新组件并赋值

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。