v-loading
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quasi maxime ullam id molestiae non reprehenderit delectus, quas, atque nisi laudantium dolores quam ea? Perferendis inventore cum accusamus et animi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quasi maxime ullam id molestiae non reprehenderit delectus, quas, atque nisi laudantium dolores quam ea? Perferendis inventore cum accusamus et animi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quasi maxime ullam id molestiae non reprehenderit delectus, quas, atque nisi laudantium dolores quam ea? Perferendis inventore cum accusamus et animi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quasi maxime ullam id molestiae non reprehenderit delectus, quas, atque nisi laudantium dolores quam ea? Perferendis inventore cum accusamus et animi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quasi maxime ullam id molestiae non reprehenderit delectus, quas, atque nisi laudantium dolores quam ea? Perferendis inventore cum accusamus et animi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quasi maxime ullam id molestiae non reprehenderit delectus, quas, atque nisi laudantium dolores quam ea? Perferendis inventore cum accusamus et animi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quasi maxime ullam id molestiae non reprehenderit delectus, quas, atque nisi laudantium dolores quam ea? Perferendis inventore cum accusamus et animi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quasi maxime ullam id molestiae non reprehenderit delectus, quas, atque nisi laudantium dolores quam ea? Perferendis inventore cum accusamus et animi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quasi maxime ullam id molestiae non reprehenderit delectus, quas, atque nisi laudantium dolores quam ea? Perferendis inventore cum accusamus et animi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quasi maxime ullam id molestiae non reprehenderit delectus, quas, atque nisi laudantium dolores quam ea? Perferendis inventore cum accusamus et animi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quasi maxime ullam id molestiae non reprehenderit delectus, quas, atque nisi laudantium dolores quam ea? Perferendis inventore cum accusamus et animi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quasi maxime ullam id molestiae non reprehenderit delectus, quas, atque nisi laudantium dolores quam ea? Perferendis inventore cum accusamus et animi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quasi maxime ullam id molestiae non reprehenderit delectus, quas, atque nisi laudantium dolores quam ea? Perferendis inventore cum accusamus et animi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quasi maxime ullam id molestiae non reprehenderit delectus, quas, atque nisi laudantium dolores quam ea? Perferendis inventore cum accusamus et animi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quasi maxime ullam id molestiae non reprehenderit delectus, quas, atque nisi laudantium dolores quam ea? Perferendis inventore cum accusamus et animi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quasi maxime ullam id molestiae non reprehenderit delectus, quas, atque nisi laudantium dolores quam ea? Perferendis inventore cum accusamus et animi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quasi maxime ullam id molestiae non reprehenderit delectus, quas, atque nisi laudantium dolores quam ea? Perferendis inventore cum accusamus et animi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quasi maxime ullam id molestiae non reprehenderit delectus, quas, atque nisi laudantium dolores quam ea? Perferendis inventore cum accusamus et animi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quasi maxime ullam id molestiae non reprehenderit delectus, quas, atque nisi laudantium dolores quam ea? Perferendis inventore cum accusamus et animi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quasi maxime ullam id molestiae non reprehenderit delectus, quas, atque nisi laudantium dolores quam ea? Perferendis inventore cum accusamus et animi!
md
<script setup>
import { ref } from 'vue';
const isLoading = ref(false);
</script>
<!-- 布林 -->
<div v-loading="isLoading">...</div>
<!-- 物件 -->
<div
v-loading="{
show: isLoading,
isFullPage: false,
loader: {
type: 'spinner',
color: '#0096ff',
size: 50,
},
overlay: {
color: 'rgba(255, 255, 255, 0.8)'
}
}"
>
...
</div>