Android WebView动态更新UI失败问题（Vue v-if失效)

 

现象：

在进入了某个专辑详情后，再进入或返回搜索功能界面，进行搜索时，仍然显示历史记录界面，没有切换为搜索结果界面。即调用了切换showResult的值，发现值改变了但显示的UI并没有改变。

前端代码结构：

<div v-if="!showResult">

    <!--显示历史记录-->

</div>

<div v-else>

    <!--显示搜索的结果-->

</div>

原因：从一个Webview的Activity跳转到另一个WebView的Activity，会调用到影响全局的pauseTimer方法，若没有在新的Activity中调用resumeTimers()，则会使webview的layout，parsing，javascripttimer失效。

解决：在Activity的onResume回调中执行resumeTimers()

资料：

pauseTimers()

当应用程序被切换到后台时回调，该方法针对全应用程序的WebView，它会暂停所有webview的layout，parsing，javascripttimer。降低CPU功耗。

resumeTimers()

恢复pauseTimers时的动作。

参考：https://www.jianshu.com/p/139eaee4ffbf