layui/example/docs/zh-CN/components/load.md

::: title 基础使用 :::

::: demo

加载一 加载二 加载三 <script> import { ref } from 'vue' import { layer } from "../../../../src/index.ts" export default { setup() { const loading0 = function() { layer.load(0, {time: 3000}) } const loading1 = function() { layer.load(1, {time: 3000}) } const loading2 = function() { layer.load(2, {time: 3000}) } return { loading0, loading1, loading2 } } } </script>

:::

::: title 其他方式 :::

::: demo

加载消息 <script> import { layer } from "../../../../src/index.ts" export default { setup() { const openLoading = function() { layer.msg("加载中...", { icon : 16, time: 1000}) } return { openLoading } } } </script>

:::

::: title 手动关闭 :::

::: demo 使用 layer.msg 创建弹出层, time 属性用于配置显示时长

关闭消息 <script> import { ref } from 'vue' import { layer } from "../../../../src/index.ts" export default { setup() { const loading = function() { let id = layer.load(0) setTimeout(() => { layer.close(id) },3000) } return { loading } } } </script>

:::