• Empty 空状态
    • 普通用法
    • 调节大小
    • 自定义用法
    • Variables
    • Scoped Slot

    Empty 空状态

    空状态时的展示占位图,当目前没有数据时,用于显式的用户提示。

    TIP

    1.0.8+

    普通用法

    Empty 空状态 - 图1

    1. <avue-empty></avue-empty>
    2. <script>
    3. export default {
    4. }
    5. </script>

    调节大小

    Empty 空状态 - 图2

    1. <avue-empty :size="40"></avue-empty>
    2. <script>
    3. export default {
    4. }
    5. </script>

    自定义用法

    Empty 空状态 - 图3

    1. <avue-empty
    2. image="https://gw.alipayobjects.com/mdn/miniapp_social/afts/img/A*pevERLJC9v0AAAAAAAAAAABjAQAAAQ/original"
    3. desc="自定义的提示语">
    4. <el-button type="primary">创建新东西</el-button>
    5. </avue-empty>
    6. <script>
    7. export default {
    8. }
    9. </script>

    Variables

    参数说明类型可选值默认值
    image设置显示图片,为 string 时表示自定义图片地址string
    size图片的大小string80
    desc自定义描述内容string暂无数据

    Scoped Slot

    name说明
    Empty 的内容