关于uniapp项目中pinia的缓存问题

问题描述

我们首先来描述一下问题

我们编写了一个pinia文件，在该文件中我们的state需要通过getters中的uni.getStorageSync方法（我们假设方法名为：initItem）来获取具体数据并将数据赋予state中的变量

我们在**界面中使用uni.setStorageSync设置了缓存信息，接着我们进行了类似于退出操作使用uni.removeStorageSync操作后，我们通过uni.reLaunch返回主页

而当我们来到主页后我们调用该pinia文件的initItem方法，并输出该state中的相应变量我们会发现该数据没有被置空，仿佛我们的uni.removeStorageSync没有起到作用一样

原因

我们可以在进行remove操作的地方进行console操作以查看remove操作后是否还存在该缓存例如:

uni.removeStorageSync(‘item’);             //我们先进行删除缓存操作
const useTest=useTestStore();
useTest.initItem;        //删除缓存后，我们调用getters中的初始化方法来进行变量初始化
console.log(“看看删了没”,uni.getStorageSync(‘item’),useTest.item);         //从结果来看我们会发现结果为:”看看删了没, ,’具体数据’ “

在运行了以上代码后，我们会发现uni.removeStorageSync(‘item’)是起到了作用的，但是当我们在index界面再次调用getters中的初始化方法以及再次输出useTest.item，我们会发现该数据依然存在

我们可以发现，在进行了删除操作后，uni.getStorageSync确实没有该缓存内容了，但是当我们进行跳转页面操作，再调用初始化操作时我们发现该缓存内容似乎依然存在，那么我们就可以从getters中的initItem方法着手了，我们在该方法中也进行console.log来测试在该方法中item的数据值以及缓存值（截止以上内容我们可以合理怀疑initItem在进行删除操作后并没有再次调用）

在再一次进行运行后，我们会发现initItem确实没有在进行删除操作后再一次运行，即便我们在删除操作后就调用了initItem以及在index界面的onLoad()里也调用initItem方法，他也依然没有再次执行（具体原因未知）

解决方案

或许是getters中我们编写的方法存在某种问题，当然了，我们现在假设我们的getters中的初始化方法编写无误，那么我们可以将该方法移至actions中去（原getters方法删除），接着我们在界面中的原initItem区域改为initItem()即可，这时我们就会发现该pinia中的item变量会随着我们进行的remove/get/set 操作而发生数据变化了