uni-app小程序刷新当前页面的两种方法

这篇具有很好参考价值的文章主要介绍了uni-app小程序刷新当前页面的两种方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

方法一

wx.relaunch来刷新当前页面,页面会被重载,若路由携带参数需自行拼接,方法如下
(如果用电脑打开小程序，该方法有bug)

    /* 获取当前页带参数的url */
    splicePageUrlWithParams(obj) {
        const path = obj.route
        const query = obj.options
        // 拼接url的参数
        var urlWithParams = '/' + path + '?'
        for (let key in query) {
            const value = query[key]
            urlWithParams += key + '=' + value + '&'
        }
        urlWithParams = urlWithParams.substring(0, urlWithParams.length - 1)
        return urlWithParams
    },
    getPageUrl(lastIndex, withParams = true) {
        const pages = getCurrentPages()
        if (pages.length > 0 && pages.length >= lastIndex) {
            const thePage = pages.splice(-lastIndex, 1)[0]
            if (withParams) {
                return this.splicePageUrlWithParams(thePage)
            } else {
                return `/${thePage.route}`
            }
        } else {
            console.log('pages are empty or lastIndex error')
            return ''
        }
    },

上面是获取页面路由和参数的方法,具体使用如下

    reload() {
        // 获取当前页面路由 具体请看该函数的实现
        const url = this.getPageUrl(1) 
        uni.reLaunch({
            url,
            success: () => {
                console.log('reload触发了!!!!!! url====>' + url)
                }
            }
        })
    }

方法二（推荐）

通过获取该页面实例执行其内部的生命周期方法来刷新页面文章来源地址https://www.toymoban.com/news/detail-519007.html

    reload() {
        // 页面重载
        const pages = getCurrentPages()
        // 声明一个pages使用getCurrentPages方法
        const curPage = pages[pages.length - 1]
        // 声明一个当前页面
        curPage.onLoad(curPage.options) // 传入参数
        curPage.onShow()
        curPage.onReady()
        // 执行刷新
    },