uview 加载页面时间控制

最新推荐文章于 2023-12-28 13:35:40 发布

yhd1998

最新推荐文章于 2023-12-28 13:35:40 发布

阅读量2.2k

点赞数

分类专栏： vue 文章标签： uni-app

本文链接：https://blog.youkuaiyun.com/yhd1998/article/details/121768013

版权

vue 专栏收录该内容

22 篇文章

订阅专栏

这篇博客展示了如何在Vue应用中使用`<u-navbar>`组件创建一个固定顶部导航，并结合`<u-loading-page>`实现加载效果。在`onLoad`生命周期钩子中，通过设置2秒的延时模拟数据加载，完成后隐藏加载指示器。内容主要涉及Vue组件、页面加载动画和状态管理。

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

<template>
	<view>
		<u-navbar :is-back="false" title="" title-color="#fff" title-size="40" 
			:is-fixed="true">
			
		</u-navbar>
		<view class="">
			<u-loading-page :loading="loading" ></u-loading-page>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				loading: true
			}
			
		},
		onLoad() {
			
			setTimeout(() => {
				this.loading = false
				console.log(0)
			}, 2000);
		}
	};
</script>