v-loading="isLoading"
// 自定义加载文案,图表,背景色
:element-loading-spinner="svg" //加载的默认背景图
element-loading-svg-view-box="-10, -10, 50, 50"
:element-loading-background="'#08172A'" //修改加载的默认背景颜色
element-loading-text="加载中..."
当需要全屏加载则添加fullscreen修饰符
v-loading.fullscreen="loading"
若需要锁定屏幕的滚动,可以使用lock修饰符
v-loading.lock="loading"
<script setup lang="ts">
const isLoading = ref(false);定义isLoading true为加载 false为取消加载
const svg = `
<path class="path" d="
M 30 15
L 28 17
M 25.61 25.61
A 15 15, 0, 0, 1, 15 30
A 15 15, 0, 1, 1, 27.99 7.5
L 15 15
" style="stroke-width: 4px; fill: rgba(0, 0, 0, 0)"/>
`;
</script>
自适应表格长度show-overflow-tooltip