首页/ 填坑/ 文章详情

uni-app 返回刷新页面数据

在前面介绍uni-app章节中,讲述微信小程序其实是个换「马甲」玩意。熟悉的味道,一样的配方。发开uni-app是可以直接沿用微信小程序的代码。

高效、有序的开发新的uni-app的项目,让人忽略uni-app并不是真正的微信小程序,容易犯经验主义的错误。uni-app 返回刷新页面数据正面临这样的错误,而这个错误居然堂而皇之出现在网络上。

uni-app 返回刷新页面数据 - 错误版:

JSvar pages = getCurrentPages(); //当前页面
var beforePage = pages[pages.length - 2]; //前一页

uni.navigateBack({
    success: function () {
        beforePage.onLoad();  // 执行前一个页面的onLoad方法
    }
});

在执行页面返回刷新,Console会报以下错误:

Console[system] TypeError: beforePage.onLoad is not a function

报错提示onload函数不存在,这点与微信小程序就不一样了。通过console.log(beforePage)直接观察可调用的函数,发现可以调用methods下的函数,于是自定义一个刷新的onRefresh函数,调用该函数刷新页面的数据。

页面的脚本代码:

JSexport default {
    data() {
        return {
            data:[]
        }
    },
    onLoad(options) {
        this.onRefresh(options)
    },
    methods: {
        onRefresh(options) { // 运行程序
           //do something...
        }
    }
} 

uni-app 返回刷新页面数据 - 正确版:

JSvar pages = getCurrentPages(); //当前页面
var beforePage = pages[pages.length - 2]; //前一页
var options = beforePage.options; //链接参数,object类型

uni.navigateBack({
    success: function () {
        beforePage.onRefresh(options);  
    }
});

实践出真知,不要沉迷经验主义,更不恐怕遇到困难。网上的教程也不一定是错的,uni-app在发展,新的技术取代旧的技术,只是你成了首个吃螃蟹的人。

文章评论0 records

最新 最早

0

最新评论Latest comments

HentaiCatHentaiCat 2020-12-30 10:22
考科目二全程很紧张,考了三次才过,有次侧方入库直接pass,100分扣完,呜呜呜~
猫猫酱猫猫酱 2020-11-12 10:56
一入多肉深似海,说多都是泪
soulkunsoulkun 2020-11-05 15:54
IconFont的图标真的很好用!!!
无限链霉球菌无限链霉球菌 2020-11-03 11:41
药店,了解一下(`・ω・´)
HentaiCatHentaiCat 2020-11-02 15:28
(ಡωಡ)很实用,直接拿走...