Mini programa WeChat: varias formas de mostrar la carga: showToast y showLoading

1. Forma de componente

<loading hidden="{
   
   {hidden}}">
    加载中...
</loading>

2. Forma dinámica

showToast 和 showLoading

wx.showToast ()

// Establecer el cuadro modal de carga

wx.showToast({title: '加载中', icon: 'loading', duration: 10000});
wx.hideToast();

// Casos de uso

wx.showToast({title: '加载中', icon: 'loading', duration: 10000});
 
wx.request({
  url: ...,
  ...,
  success: (res) => {
  },
  fail: () => {},
  complete: () => {
    wx.hideToast()
  }
})

wx.showLoading ()

wx.showLoading({title: ‘加载中…’})
wx.hideLoading()

// Casos de uso

wx.showLoading({title: '加载中', icon: 'loading', duration: 10000});
 
wx.request({
  url: ...,
  ...,
  success: (res) => {
  },
  fail: () => {},
  complete: () => {
    wx.hideLoading()
  }
})

Reimpreso de: https://blog.csdn.net/zww1984774346/article/details/84849159

 

El conflicto entre el pequeño programa wx.showToast () y wx.hideLoading (): https://www.cnblogs.com/-ting/p/12398310.html