javascript - vue+vue-router+vuex+vue-resource项目 刷新页面的问题
怪我咯
怪我咯 2017-04-11 12:59:19
[JavaScript讨论组]

最近学习了vue,并用vue写一个测试项目,使用vuex管理状态,使用vue-resource请求后台成功后更新数据,然后在使用vue-router跳转页面。正常流程上是没问题的,页面数据渲染都是成功的,但是页面一旦刷新数据就全都没了

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(9)
ringa_lee

你可以把数据存放在本地localStorage啊,不然刷新肯定会没有啦

黄舟

题主可以参考一下我写的例子 todolist

怪我咯

在component的ready方法中重新获取一下数据呗

阿神

把数据存在vuex里面 每次都从里面拿数据 和 修改数据

黄舟

因为你没有做存储啊,用localStorage试试

伊谢尔伦

这个问题我在angular也遇到过,我通过服务来保存公共数据,然后哪个页面用到注入该服务,但是一刷新数据就没有了。解决这个问题的方法我不是使用localstorage,而是通过对象赋值的方式解决,首先声明一个对象用来保存ajax数据,然后把该对象作为服务返回的属性的值,就可以了

PHPz

router有个自带的api 具体的楼主看下文档 是写在router-view上面

ringa_lee

你需要看一下vue-router的文档,在HTML5 History 模式这个章节有说道这个问题的,你路由使用了mode:history,后端要进行相应的配置,如果是用的express就需要用到connect-history-api-fallback中间件;
具体使用方法可以参考文档,如果还有不清楚的可以看看这篇文章,写的很清楚。

伊谢尔伦

页面刷新当然数据就没了....你跳路由的话vuex 里面的东西是不会清空的 ,自己做的本地单机项目你可以保存到localstorage 里面

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号