最近開發(fā)的一個需求是H5項目，并嵌入到小程序中，其中有模塊用到了拍照功能。
前端同事們開發(fā)這個功能嵌入到小程序后會有bug，只要打開相機拍照后返回界面，界面會白屏刷新并且返回到了上一級，前端同事查詢微信論壇或者其他地方的問答都說是手機內(nèi)存不足或者運行的軟件太多導致的，但只留一個微信也會如此。
因為我用的iPhone調(diào)試的，發(fā)現(xiàn)打開相冊的時候，前端頁面不會全部覆蓋，但是打開相機頁面會被覆蓋，所以我猜測是不是打開相機就是相當于覆蓋了當前的頁面。
然后我給頁面添加了緩存設置，嘗試方案可行：
<router-view v-slot="{ Component, route }">
<component :is="Component" :key="route.name" v-if="!$route.meta.keepAlive"></component>
<keep-alive>
<component :is="Component" :key="route.name" v-if="$route.meta.keepAlive"></component>
</keep-alive>
</router-view>緩存后頁面數(shù)據(jù)會一直保存，如果是表單提交頁建議：
onActivated(() => {
// 清空表單數(shù)據(jù)
})
// 或者
onDeactivated(() => {
})至此，H5項目在微信瀏覽器中打開相機導致頁面白屏刷新并退出的問題得到解決！文章來源：http://www.zghlxwxcb.cn/news/detail-762635.html
如果您有更好的方法，歡迎告訴博主！文章來源地址http://www.zghlxwxcb.cn/news/detail-762635.html
到了這里，關(guān)于H5接入到微信小程序或者微信瀏覽器打開相機界面會白屏刷新的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
