uni-app: 实现navigateBack返回修改前一页面数据(H5、APP、小程序)

修改返回上一页面数据

一、prevPage.$vm
let nowPage = pages[ pages.length - 1];     // 当前页页面实例
let prevPage = pages[ pages.length - 2 ];   // 上一页页面实例
prevPage.$vm.brandName = item.name;         // 修改上一页data里面的brandName参数值为 item.name
prevPage.$vm.carObj.brand = item.id;        // 修改上一页data里面的carObj.brand参数值为 item.id
uni.navigateBack({
  delta: 1
});
二、$on监听
// A页面, onShow中添加监听一个handleFun的事件
onShow(){
    uni.$on("handleFun", res => {
        this.title = res.title;
        // 清除监听
        uni.$off('handleFun');
    })
},

// B页面, 返回A页面触发一个事件,使用uni.$emit("handleFun",{})
getAddress(){
    uni.$emit("handleFun",{title: 'Hello World'});
    uni.navigateBack()
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容