最新推荐文章于 2025-10-17 11:18:32 发布

原创最新推荐文章于 2025-10-17 11:18:32 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #vue.js

uniapp 专栏收录该内容

5 篇文章

订阅专栏

博客介绍了在Vue中触发上一页更新的相关内容，涉及B页面触发更新，包含click事件函数、离开页面事件，以及A页面监听reFresh来实现更新。

触发上一页的更新(B页面)

click事件函数

//click事件函数
gotoPre:function(){
    let pages = getCurrentPages()//页面栈
    let prePage = pages[pages.length - 2]//上一页
    prePage.$vm.reFresh = Math.random()//触发上一页监听器
    
    uni.navigateBack()//返回上一页
}

离开页面事件

// 离开页面
onUnload() {
    let pages = getCurrentPages() //页面栈
    let prePage = pages[pages.length - 2] //上一页
    prePage.$vm.reFresh = Math.random() //触发上一页监听器
},

监听reFresh（A页面）

data() {
    return {
        reFresh:""
    }
},
watch:{
    //监听reFresh,如果有修改就执行监听器
    reFresh:function(){
      // 调初始化页面的接口
        this.getList()
        console.log("页面已重新加载");
    }
},