点击后跳转到主页面怎么切换城市

来源：10-1 切换城市（1）

qq_思徒士_0

2018-10-25

老师，iselect.vue 里面跳转写好后

handleSelect (item) {

location.href = '/'

}

能成功跳转到主页面，但是页面还是定位在原来的城市，这个貌似是在每次请求都调用

http://cp-tools.cn/geo/getPosition?

获取地址，那么这个选位置是不是没有意义了？

请教怎么实现跳转到点击的地址

写回答

4回答

慕婉清4131255

2019-04-18

或者用这个router下的方法去跳转路由/页面，这样页面就不会刷新

this.$router.push({path: '路径名'});

慕婉清4131255

2019-04-11

<el-option v-for="item in city" :key="item.value" :label="item.label" :value="item.label">

<nuxt-link style="color:#666" to="/">

<span @click="changeCity(item)">{{item.label}}</span>

</nuxt-link>

</el-option>

直接在循环出来的子项里面添加<nuxt-link style="color:#666" to="/">以达到不刷新又能跳转页面的效果，然后定义一个changeCity方法保存定位到vuex中store的position，这样nuxt跳转页面就不会刷新页面，同时vuex也保存了position。

因为router的mode是history模式，网页地址没了#号，如果你用location.href = '/' 去跳转页面，页面会刷新，导致vuex中store的数据又会被重置，又会变回原来的地位了。

PS：如果不用hisotory模式，可以用location.hash = ‘#/’去跳转，因为路由可以识别到#, 就不会刷新页面

我问题有点大

2018-10-31

你解决了吗

慕莱坞1975833

2018-10-25

定位是放在store的啊，你确定请求了两次

qq_思徒士_0

你试下咯，看看选中后跳转是什么位置

2018-10-25

共1条回复

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

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

2445 学习 · 1638 问题

查看课程

相似问题

切换城市一章节

回答 1

城市切换章节，页面刷新vuex状态清空的问题

回答 4

切换城市，已经改变store中当前地址的值，效果已经实现，但是跳转的时候，nuxt又触发了nuxtServerInit方法，把我要切换的地址重置了，要怎么解决？

回答 2

关于选中城市的状态保存

回答 1

切换城市

回答 3

打开慕课网App查看更多内容