博客

微信小程序页面每次展示都执行的方法

介绍


onShow()

生命周期函数–监听页面显示

每次显示当前页面，都会调用

onShow()

方法

使用案例

每次访问购物车页面，都应当重新获取一次最新的购物车数据。

在

onShow

中调用对应的获取数据方法

this.getCartList()

。

Page({
     /**
     * 页面的初始数据
     */
    data: {
        // 购物车商品列表
        cartList: []
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        this.getCartList();
    },
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function(){
        // 每次页面显示都重新调用获取购物车数据的方法
        this.getCartList();
    },
    /**
     * 获取购物车商品列表
     */
    getCartList(){
        this.setData({
            // 从缓存中拿取购物车数据
            cartList: wx.getStorageSync("cart");
        })
    }
})

参考链接

微信官方文档–小程序框架 /逻辑层 /页面生命周期