我想在geo.vue中单击切换城市按钮右侧3个城市其中之一就能切换到对应的城市，数据立即更新？
我按照下面的方式给3个城市绑定了click事件，虽然可以切换城市

// geo.vue

methods:{
	handleClick: function(e)  {
	  let city = e.target.innerHTML + '市'
	  this.$store.commit('geo/setPosition', {city})
	}
}

但是有格调中的全部并没有随着city的变更立即渲染成新的城市对应的数据（仍然是artistic.vue中mounted填充的数据）
在我手动把全部切换到约会聚餐再切换回全部后, 全部里的数据才是更改city后对应城市的数据。
请问我应该怎么做能使得页面在我更改了city后,有格调的全部菜单立刻渲染成新城市的数据？谢谢老师