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  一開始是渲染出來的  然后在根據條件  來判斷是否進行渲染哈!!
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM