uniapp小程序在首页清除业务过程中的本地存储

1、封装同步本地存储uni.setStorageSync并直接挂载到vue原型上

        创建文prototype.js件

Vue.prototype.$setStorage = function(key, value) {
    //secret_arrSum 用来存储所有的key
	let sum = uni.getStorageSync('secret_arrSum') || ''
	if (sum && sum.indexOf(`secret_${key}`) == -1) {//sum存在，并且当前key没有保存过进入
		sum.push(`secret_${key}`) 
		uni.setStorageSync('secret_arrSum',sum);
	}else if(!sum){//刚进小程序是sum没有的,存储第一个key进入
		uni.setStorageSync('secret_arrSum',[`secret_${key}`]);
	}
    //不受上面影响，正常存储相应的key和对应的value
	uni.setStorageSync('secret_' + key, value);
}
Vue.prototype.$getStorage = function(key) {//从本地存储取相应的key
	return uni.getStorageSync('secret_' + key);
}

2、新建utils.js文件（也可以直接prototype.js挂载，停留的章小鱼为了好区分，分开写了）

	// 清除本地存储
function removeSum(){
    //NO_Sum：要保留的存储的key，secret_arrSum：所有存储的key，remove_Sum：要删除的key
	let NO_Sum = ["secret_code2SessionId","secret_personId","secret_personName"]
	let secret_arrSum = uni.getStorageSync('secret_arrSum') || ''
	if(secret_arrSum){//判断是否有存储的key
		let remove_Sum = secret_arrSum.filter(_=>!NO_Sum.includes(_))
		if(remove_Sum.length>0){
			remove_Sum.forEach(_=>{
				uni.removeStorageSync(_);//删除本地存储对应的key
			})
			uni.setStorageSync('secret_arrSum',NO_Sum);//重置存储的key
		}
	}else{
		uni.clearStorageSync()//删除本地所有存储
	}
}
module.exports = {
	removeSum
}

3、在main.js上挂载prototype.js文件 

import './utils/prototype'

4、在页面使用封装的同步本地存储this.$setStorage(key,value)和this.$getStorage(key)

5、在首页（需要清除存储的页面）使用removeSum方法：

import { removeSum } from '@/utils/utils.js';//引入方法

onShow() {
    // 清除残留缓存
    removeSum()
},