让对应的城市,显示对应的主页内容

让对应的城市,显示对应的主页内容

如果要让对应的城市显示对应的主页内容,那其他城市也要建立相应的数据库吧;建立好数据库后,用怎样的代码让城市跳转到对应的页面内容

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,问题解答如下:

1. 是的,不同的城市,要对应不同的数据,这些数据存储在数据库中,他们是后端人员建立的,我们只负责请求回来即可。

2. 可以通过如下方式实现,切换城市后,展示新城市的内容。

在城市列表页,每一个城市都绑定了点击handleCityClick事件:

http://img1.sycdn.imooc.com//climg/5f1aaba7093cb3d516260306.jpghttp://img1.sycdn.imooc.com//climg/5f1aaba909bfb8da04780189.jpg

即点击城市时,会执行handleCityClick事件,在该事件中,会更新保存在vuex的state中的变量city,并跳转到首页,所以首页中,头部的城市的就会对应更新:

http://img1.sycdn.imooc.com//climg/5f1aabb50996594b07530198.jpghttp://img1.sycdn.imooc.com//climg/5f1aabb809d9e9b405540184.jpg

所以首页中,city这个数据会更新,因此可以在首页(Home.vue)中,添加一个watch方法,即监听数据改变,例如:

http://img1.sycdn.imooc.com//climg/5f1aabcf0968416107790587.jpghttp://img1.sycdn.imooc.com//climg/5f1aabd909fe4f7114210217.jpg

所以我们可以在watch中,利用新的city去获取该城市的数据:

http://img1.sycdn.imooc.com//climg/5f1aabe3097a75a508590270.jpg

这样就实现了,切换城市后,展示当前城市的信息。

如果我的回答帮到了你,欢迎采纳,祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师