uniapp开发页面onShow里面赋值不生效

时间:2025-01-22 07:06:32

上辈子杀人放火,这辈子写前端适配...

最近在开发一个小程序+h5项目的时候遇到了一个问题,就是onshow()钩子函数中赋值的时候在小程序环境生效,但在h5的时候没生效,之前一直觉得可能是页面缓存问题,但查看文档和百度之后是onShow()这个函数本身就有问题.

下面来解决问题

activated()来替换onShow()完美解决

created:在模板渲染成html之前调用,即通常初始化某些属性值,然后再渲染成视图;但是注意,只会触发一次

mounted:在渲染成html之后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作。是挂载vue实例后的钩子函数,钩子在主页挂载时执行一次,如果没有缓存的话,再次回到主页时,此函数还会执行。

activated:是组件被激活后的钩子函数,每次回到页面都会执行

执行顺序:created => mounted => activated
————————————————