02uni-app v-for循环列表 v-if的使用

onLoad onShow onHide函数的使用##

 这三个函数的使用
	// 监听页面的加载  参数e是上一个页面传递过来的参数  参数是一个对象  如果没有为空{}
		onLoad(e) {
			console.log(e);
		},
		
		// 监听页面的显示
		onShow(e) {
			console.log("onShow",e);
		},
		
	    // 监听页面的隐藏 当隐藏这个页面的时候,就会触发
		onHide(e) {
			console.log("onHide",e);
		},

02===>如何循环列表

使用v-for哈 跟vie是一样的哈

<view v-for="(item,index) in listarr" :key="index">
         姓名{{item.name}}
 </view>		 
 
 listarr:[
 	{id:1,name:"张三"},
 	{id:2,name:"李四"},
 	{id:3,name:"王武"}
 ]
 
 
 03==》v-if的使用  跟vue一样的哈
 
 <view v-if="test">我能够显示吗</view>
 test:true, //如果值是true  显示  false隐藏哈
 
 04==》:idden
 <view :hidden="test2">我能够显示吗2</view>
 test2:false,//false可以显示  true隐藏哈
 
 05==》v-if和:hidden的区别是
 v-if会根据条件来判断 是否渲染
 :hidden  一开始是渲染出来的  然后在根据条件  来判断是否进行渲染哈!!
 
posted @   南风晚来晚相识  阅读(11223)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
点击右上角即可分享
微信分享提示