vue有没有页面第一次被打开时调用的函数?

vue有没有页面第一次被打开时调用的函数?

vue的h5页面。比如被小程序或app的webview打开的时候,调用某个函数进行某些操作,后续在h5页面内的跳转就不调用这个函数了,求解有没有这种函数


回答:

两个问题:
一:识别来源,在小程序和webview打开可以通过携带连接参数
二:在一判断的基础上调用函数,这样后续的页面内跳转不会携带参数也就不会调用

识别来源当然也可以通过UA判断,但这样页面内跳转也会识别到,所以这里又分情况:
1:如果是SPA,那么可以在函数内写个次数校验,使得函数只执行一次
2:非SPA的话,可以通过sessionstorage或者localstorage来存取次数,也可以通过加连接参数标识,又或者通过referr判断来源连接。

关键还是考虑怎么判断,之后才好定怎么去调用


回答:

如果你某个函数只调用一次,通常来说都是为了初始化资源。这样的话,在初始化资源完成之后设置一个标志,以后检查到有这个标志就不再次进行初始化就好。

如果是为了向后端发送客户识别信息,也可以在生成信息之后,再通过这些信息生成一个 HASH,在发送完成之后在 localStorage 中记录 HASH,以后每次检查,如果生成的 HASH 与记录的相同,就不再发送(选择参与 HASH 的数据就需要慎重考虑)。

只要是页面打开,都一定会有 load 事件和 ready 事件。这两个事件在同一个页面都是只执行一次的。

以上是 vue有没有页面第一次被打开时调用的函数? 的全部内容, 来源链接: utcz.com/p/936549.html

回到顶部