扫码关注官方订阅号
最近学习了vue,并用vue写一个测试项目,使用vuex管理状态,使用vue-resource请求后台成功后更新数据,然后在使用vue-router跳转页面。正常流程上是没问题的,页面数据渲染都是成功的,但是页面一旦刷新数据就全都没了
走同样的路,发现不同的人生
你可以把数据存放在本地localStorage啊,不然刷新肯定会没有啦
localStorage
题主可以参考一下我写的例子 todolist
在component的ready方法中重新获取一下数据呗
把数据存在vuex里面 每次都从里面拿数据 和 修改数据
因为你没有做存储啊,用localStorage试试
这个问题我在angular也遇到过,我通过服务来保存公共数据,然后哪个页面用到注入该服务,但是一刷新数据就没有了。解决这个问题的方法我不是使用localstorage,而是通过对象赋值的方式解决,首先声明一个对象用来保存ajax数据,然后把该对象作为服务返回的属性的值,就可以了
router有个自带的api 具体的楼主看下文档 是写在router-view上面
你需要看一下vue-router的文档,在HTML5 History 模式这个章节有说道这个问题的,你路由使用了mode:history,后端要进行相应的配置,如果是用的express就需要用到connect-history-api-fallback中间件;具体使用方法可以参考文档,如果还有不清楚的可以看看这篇文章,写的很清楚。
页面刷新当然数据就没了....你跳路由的话vuex 里面的东西是不会清空的 ,自己做的本地单机项目你可以保存到localstorage 里面
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
你可以把数据存放在本地
localStorage啊,不然刷新肯定会没有啦题主可以参考一下我写的例子 todolist
在component的ready方法中重新获取一下数据呗
把数据存在vuex里面 每次都从里面拿数据 和 修改数据
因为你没有做存储啊,用localStorage试试
这个问题我在angular也遇到过,我通过服务来保存公共数据,然后哪个页面用到注入该服务,但是一刷新数据就没有了。解决这个问题的方法我不是使用localstorage,而是通过对象赋值的方式解决,首先声明一个对象用来保存ajax数据,然后把该对象作为服务返回的属性的值,就可以了
router有个自带的api 具体的楼主看下文档 是写在router-view上面
你需要看一下vue-router的文档,在HTML5 History 模式这个章节有说道这个问题的,你路由使用了mode:history,后端要进行相应的配置,如果是用的express就需要用到connect-history-api-fallback中间件;
具体使用方法可以参考文档,如果还有不清楚的可以看看这篇文章,写的很清楚。
页面刷新当然数据就没了....你跳路由的话vuex 里面的东西是不会清空的 ,自己做的本地单机项目你可以保存到localstorage 里面