控制 van-empty el-empty 显示与隐藏（空状态正确使用方式）

1、van-empty el-empty空状态的动态显示与隐藏

• 常见的前端UI框架elementUi 和 vant，如何做到有数据的时候隐藏空状态，无数据的时候显示空状态？
• 我们只需判断一下数据的长度data.length即可，如果长度等于0，表示无数据，否则，存在数据。可以参考以下代码~

<!-- vant代码 -->

<van-empty
  v-if="data.length == 0" 
  description="暂无记录" 
  :image="require('../../assets/empty.png')">
</van-empty>

<!-- elementUi代码 -->

<el-empty
  v-if="data.length == 0" 
  description="暂无记录" 
  :image="require('../../assets/empty.png')">
</el-empty>

总结：

• 其实Ui框架空状态的用法原理都一样，各位自行参考吧！