uniapp H5 页面缓存

问题遇到的现象和发生背景

uniapp h5页面 首页下拉选择器选中地区后 ，我先获取到地区id，再把登陆时的地区id清掉 ，然后把新的地区id放到缓存里面，首页根据选中地区id显示这个地区的所有信息，然后在其他页面地区id还是登录时的地区id 求解决！

问题相关代码，请勿粘贴截图

uni.setStorage({
key: 'regionId',
data: that.regionId,
success() {
console.log('缓存成功')
}
})

运行结果及报错内容

我的解答思路和尝试过的方法

vuex不是很熟
首页我用同步执行的方式，先获取定位坐标，异步的话请求顺序不对影响数据显示，然后根据获取到的id显示定位地区的信息，切换地区后，id随之改变，但其他二级页面还是原来的id，

我想要达到的结果

首页的数据缓存全局都能用

用同步的方式呗

uni.setStorageSync('regionId', that.regionId)

那就只能监听了