小程序

110 阅读1分钟

下拉刷新页面

  1. 触发下拉刷新事件(需要在页面的json文件中开启一个配置项)【enablePullDownRefresh: true,backgroundTextStyle: dark】
  2. 重置 数据 数组
  3. 重置页码 设置为1
  4. 重新发送请求
  5. 数据请求成功,手动关闭等待效果
onPullDownRefresh() {
    // 重置  数据  数组
    this.setData({
        goodsList: []
    });
    // 重置页码   设置为1
     this.QueryParams.pagenum=1;
    // 重新发送请求
    this.getGoodsList();
}
复制代码

wx.showModel改变this的指向问题

wx.showModel({
    title: '提示',
    content: '您是否要删除?',
    success :(res) => {
        ...
    }
})
复制代码

js中的删除

cart.splice(index, 1);  // 删除索引为index的元素

cart.filter(v => v.checked);  // 挑选出cart数组中checked为true的值
复制代码

弹窗的封装

在asyncWX.js文件中

export const showModel=({content}) => {
    return new Promise((resolve,reject) => {
        wx.showModel({
            title: '提示',
            content: content,
            success :(res) > {
                resolve(res);
            },
            fail :(err) => {
                reject(err);
            }
        })
    })
}
复制代码

使用

import {showModel} from '../../utils/asyncWx.js';

async showTips() {
    const res=await showModel({content: '您是否要删除?'})
    if(res.confirm) {
       cart.splice(index, 1);
        this.setData(cart);
    }
}
复制代码

获取缓存中的数据

wx.getStorageSync("address");