微信小程序请求错误时使用vantWeapp的空状态(van-empty)

---

前言

本文介绍了vant-weapp一些组件的使用经验

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、van-empty是什么？

vant-empty是vantWeapp展示类组件中的一个组件，适用于系统发生各种错误以及网络错误或者展示各种提示，支持自定义图片、描述文字以及底部插槽。

二、使用步骤

1.引入

代码如下（示例）：

*.json

{
  "usingComponents": {
    "no-right": "../../../components/noRight/index",
    "van-action-sheet": "@vant/weapp/action-sheet/index",
    "van-empty": "@vant/weapp/empty/index"
  }
}

2.使用

代码如下（示例）：

*.wxml

<!-- 网络错误 -->
<van-empty image="network" description="网络错误" wx:if="{{code === 500}}" />

效果

---