layui/example/docs/zh-CN/components/empty.md
2022-04-02 06:34:14 +08:00

106 lines
1.2 KiB
Markdown

::: anchor
:::
::: title 基本介绍
:::
::: describe 当目前没有数据时,用于显式的用户提示。
:::
::: title 基础使用
:::
::: demo
<template>
<lay-empty></lay-empty>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::
::: title 指定描述
:::
::: demo
<template>
<lay-empty description="刷新试试"></lay-empty>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::
::: title 扩展插槽
:::
::: demo
<template>
<lay-empty description="刷新试试">
<template #extra>
<lay-button>刷新页面</lay-button>
</template>
</lay-empty>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::
::: title Empty 属性
:::
::: table
| 属性 | 描述 | 可选值 |
| ----------- | -------- | ------ |
| description | 描述信息 | -- |
:::
::: title Empty 插槽
:::
::: table
| 属性 | 描述 | 可选值 |
| ----------- | -------- | ------ |
| extra | 扩展插槽 | -- |
:::
::: previousNext empty
:::