切换城市

来源:10-3 切换城市(3)

Harrymissu

2019-02-17

老师,我还是不知道该怎样跳转后实现切换城市,能提供下思路吗?

写回答

3回答

快乐动起来呀

2019-02-18

这个思路是在本地储存城市,请求接口的时候带着这个城市

0
1
Harrymissu
非常感谢!
2019-02-22
共1条回复

Harrymissu

提问者

2019-02-24

搞出来......

在changeCity/iselcet.vue下写:

localStorage.setItem('newCity', JSON.stringify(item.value));
location.href = '/';

在其他需要获取城市的地方写:

if (localStorage.getItem('newCity')) {
 city = JSON.parse(localStorage.getItem('newCity')).replace('市', '');
} else {
city = self.$store.state.geo.position.city
}


localStorage不能用于服务端

2
3
慕圣3037250
回复
Harrymissu
你好,能请教你嘛,扣扣加不通过
2020-04-08
共3条回复

柳江南啊

2019-12-26

我成功了,大佬们可以参考下我的

我试过使用 vue-cookies 模块,点击之后可以通过cookie保存城市名字,想在打开首页的时候判断有没有我设下的cookie,来决定是getPosition,还是读取cookie中的城市

不过失败了

前期一切都很成功,但是 nuxtServerInit 这个阶段,无法操作或查看cookie。。。


后来看了大佬们的回答,经过自己的调整,有一个成功的办法

直接上代码


//img.mukewang.com/szimg/5e03b60909b3c97d08471694.jpg


个人认为重要的部分

1、如何操作 vuex 

2、数据的结构树,层级一定要对应

3、其他大佬给出的方法:this.$router.push ,不会刷新,我还在折腾cookie的时候就没想到这个

最后,迟来的圣诞快乐!~

1
1
慕圣3037250
请问能请教你嘛?给个联系方式
2020-04-08
共1条回复

Vue全家桶+SSR+Koa2全栈开发美团网

整合大前端8项技术,全面晋级全栈工程师,毕设/面试作品

2445 学习 · 1638 问题

查看课程