网站内页标题,深圳网站建设-新奇网络,wordpress主题怎么使用,电商专员是做什么的uni-app写的微信小程序每次更换另外账号登录时出现缓存上一个账号数据的问题#xff1f;
清除缓存数据#xff1a;在 onShow 钩子中#xff0c;我们将 powerStations、list 和 responseRoles 的值重置为初始状态#xff0c;以清除之前的缓存数据。重新获取数据#xff1a…uni-app写的微信小程序每次更换另外账号登录时出现缓存上一个账号数据的问题
清除缓存数据在 onShow 钩子中我们将 powerStations、list 和 responseRoles 的值重置为初始状态以清除之前的缓存数据。重新获取数据在 onShow 钩子中调用 fetchData、fetchPowerStationData 和 tenantuSrank 函数确保每次进入页面时都会重新获取最新的数据。 templateview classstati_qview classstati_aview classstati_zview v-ifresponseRoles.includes(sitemanage) classstati_nhyview classstati_nqw :class{ highlight: selectedTab 用电统计 }clickselectedTab 用电统计用电统计/viewview classstati_nqw :class{ highlight: selectedTab 光伏发电统计 }clickselectedTab 光伏发电统计光伏发电统计/view/viewview v-ifresponseRoles.includes(electricCollection) classstati_nhyview classstati_nqw :class{ highlight: selectedTab 用电统计 }clickselectedTab 用电统计用电统计/view/viewview v-ifresponseRoles.includes(operation) classstati_nhyview classstati_nqw :class{ highlight: selectedTab 用电统计 }clickselectedTab 用电统计用电统计/viewview classstati_nqw :class{ highlight: selectedTab 光伏发电统计 }clickselectedTab 光伏发电统计光伏发电统计/view/viewview classstati_w v-ifselectedTab 用电统计Yongdian/Yongdian/viewview classstati_w v-else-ifselectedTab 光伏发电统计Fadian/Fadian/view/view/viewview classstati_dview classstati_cview classstati_r当日用电及碳排放排名/viewview classstati_f v-ifresponseRoles.includes(sitemanage)view v-foritem in sortedPowerStations :keyitem.siteName classstati_vview classstati_timg :srchttp://47.104.232.49/dev-api item.siteImgUrl alt classstati_g /view{{ item.siteName }}/view/viewview classstati_litext{{ item.usePowerCount }}/text kwh/viewview classstati_litext{{ item.carbonEmission }}/text 吨/view/view/viewview classstati_f v-ifresponseRoles.includes(operation)view v-foritem in sortedPowerStations :keyitem.siteName classstati_vview classstati_litext{{ item.usePowerCount }}/text kwh/viewview classstati_litext{{ item.carbonEmission }}/text 吨/view/view/viewview classstati_f v-ifresponseRoles.includes(electricCollection)view v-foritem in list :keyitem.deviceName classstati_vview classstati_tview classstati_g/viewview{{ item.deviceName }}/view/viewview classstati_litext{{ item.usePowerCount }}/text kwh/viewview classstati_litext{{ item.carbonEmission }}/text 吨/view/view/view/view/view/view
/template
script setup langtsimport { ref, computed, onMounted } from vue;import { onShow } from dcloudio/uni-app;import Yongdian from ../yongdian/yongdian.vue;import Fadian from ../fadian/fadian.vue;import { appgetInfo, siteusepowercountrank, tenantusrank } from /src/api/api.js;const selectedTab ref(用电统计);const powerStations ref([]);const list ref([]);const responseRoles refstring[]([]); // 新增变量用于存储response.rolesconst sortedPowerStations computed(() {return powerStations.value.slice().sort((a, b) b.usePowerCount - a.usePowerCount);});// 获取电站排名数据const fetchPowerStationData async () {try {const response await siteusepowercountrank();powerStations.value response.data;} catch (error) {console.error(error);}};const tenantuSrank async () {try {const response await tenantusrank();list.value response.data;} catch (error) {console.error(error);}};const fetchData () {appgetInfo().then(response {responseRoles.value response.roles;}).catch(error {console.error(获取工单失败, error);});};onMounted(() {fetchData();fetchPowerStationData();tenantuSrank();});onShow(() {// 清除缓存数据powerStations.value [];list.value [];responseRoles.value [];// 重新获取数据fetchData();fetchPowerStationData();tenantuSrank();});
/script
