uniapp loading 组件

最新推荐文章于 2025-06-14 19:01:54 发布

原创最新推荐文章于 2025-06-14 19:01:54 发布 · 1.2w 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#laoding #uniapp #加载 #等待

笔记同时被 2 个专栏收录

65 篇文章

订阅专栏

uniapp

20 篇文章

订阅专栏

博客提及了loading.vue组件及其引用相关内容，与信息技术中前端组件开发相关。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

组件：loading.vue

<template>
	<view>
		<view class="cu-load load-modal" v-if="loadModal">
			<!-- <view class="cuIcon-emojifill text-orange"></view> -->
			<image src="/static/logo.png" mode="aspectFit"></image>
			<view class="gray-text">加载中...</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		loadModal: true
	},
	data() {
		return {};
	},
	methods: {
		LoadModal(e) {
			this.loadModal = true;
			setTimeout(() => {
				this.loadModal = false;
			}, 2000);
		}
	}
};
</script>

<style></style>

引用：

引入
import Loading from '../../../components/loading/loading.vue';

注册
components:{
		Loading
},

加载 传值
<Loading :loadModal="loadModal"></Loading>

loadModal:false,