小程序api的promise化

小程序根目录cmd运行安装命令

npm install --save [email protected]

安装完成之后先到根目录中删除miniprogram_npm文件夹(不删除构建npm时可能会出现问题)

删除之后再在工具中点击构建npm

小程序api的promise化_第1张图片

构建成功之后会看到根目录中重新出现了miniprogram_npm文件夹

在app.js中导入并使用promise

// app.js
import { promisifyAll} from 'miniprogram-api-promise'
const wxp = wx.p = {}
promisifyAll(wx, wxp)

接下来就可以异步请求数据

页面

<van-button bindtap="getinfo">获取infovan-button>

.js文件

  async getinfo() {
    const {
      data: res
    } = await wx.p.request({
      url: 'https://applet-base-api-t.itheima.net/api/get',
      method: 'get',
      data: {
        name: 'zs',
        age: 20
      }
    })
    console.log(res);
  },

打印
小程序api的promise化_第2张图片

你可能感兴趣的:(微信小程序,小程序,微信小程序,前端,javascript,npm)