wx.showLoading有哪些参数
时间: 2023-06-04 14:07:56 浏览: 64
wx.showLoading方法有以下参数:
- title:显示在loading框中的文字内容,必填项。
- mask:是否显示透明蒙层,防止触摸穿透,默认为false。
- success:接口调用成功的回调函数。
- fail:接口调用失败的回调函数。
- complete:接口调用结束的回调函数(调用成功、失败都会执行)。
注意:以上参数都是可选的,但title为必填项。
相关问题
wx.showLoading
wx.showLoading 是一个微信小程序 API,用于显示一个加载提示框。调用该 API 时,屏幕中央会出现一个带有 loading 图标的提示框,提示用户当前页面正在加载中,用户无法进行其他操作,直到加载完成后提示框自动消失。该 API 可以接收一个对象作为参数,用于设置提示框的相关属性,如提示框的标题、提示框的内容等。示例代码如下:
```javascript
wx.showLoading({
title: '加载中...',
mask: true // 是否显示透明蒙层,防止触摸穿透,默认为 false
})
```
调用 wx.hideLoading 可以隐藏加载提示框。
onClickDatabase(powerList) { wx.showLoading({ title: '', }); wx.cloud.callFunction({ name: 'quickstartFunctions', config: { env: this.data.selectedEnv.envId }, data: { type: 'createCollection' } }).then((resp) => { if (resp.result.success) { this.setData({ haveCreateCollection: true }); } this.setData({ powerList }); wx.hideLoading(); }).catch((e) => { console.log(e); this.setData({ showUploadTip: true }); wx.hideLoading(); }); } });
这段代码是一个onClickDatabase事件处理函数的实现示例,使用了微信小程序框架。当某个元素被点击时,会执行该函数中的代码逻辑。
具体来说,该函数在点击事件发生时,首先通过wx.showLoading()显示一个加载提示。
然后,通过wx.cloud.callFunction()调用云函数quickstartFunctions,并传递了一个配置对象config,其中env字段的值为this.data.selectedEnv.envId,用于指定云函数所在的环境。
在调用云函数时,还传递了一个数据对象data,其中type字段的值为'createCollection',用于指定云函数的具体操作类型。
接着,使用Promise的then()方法处理云函数调用返回的结果resp。如果resp.result.success为true,表示操作成功,将haveCreateCollection字段设置为true。无论成功与否,都将powerList字段设置为传入的powerList参数。
最后,通过wx.hideLoading()隐藏加载提示,并通过catch()方法处理调用云函数过程中出现的错误。如果出现错误,将showUploadTip字段设置为true。
注意:以上代码片段有可能是从实际项目中提取的,对于完整的理解还需要考虑上下文和相关代码。