vue每一次进入页面都会触发某个方法

Front小思

共 689字,需浏览 2分钟

 ·

2021-07-29 09:38

288c82507d1485e7539bf3765dd18641.webp


开发中都会遇到不管哪里进入某个页面都需要调用某个方法,实现数据的刷新!这种情况是经常会存在的。但是vue就虎头虎脑了.....


具体实现vue每一次进页面的会触发某个方法方案:

  • 回想原生小程序onShow

  • vue实现


一、回想小程序的onShow

onShow页面显示时调用,如果加载列表页,二级页面对一级的列表页面内容有修改,则以及列表函数应该在onShow中加载其实uniapp也可以使用onShow来每一次进入页面都会触发某个方法来换取数据!


二、vue实现

https://blog.csdn.net/agua001/article/details/111032117

https://blog.csdn.net/qq_38861711/article/details/98185106


一开始是考虑created(),但是遇到一个问题:this.$router.go(-1);回来就死了,A-B-C-B,A进B就会触发,C到B就不会触发了!尴尬!!!


created():在创建vue对象时,当html渲染之前就触发;但是注意,全局vue.js不强制刷新或者重启时只创建一次,也就是说,created()只会触发一次;


activated():在vue对象存活的情况下,进入当前存在activated()函数的页面时,一进入页面就触发;可用于初始化页面数据等


但是vue还有一个钩子函数不怎么用!但如果该组件中没有使用缓存,也就是没有被<keep-alive>包裹的话,activated是不起作用的

浏览 747
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报