• 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  一开始是渲染出来的  然后在根据条件  来判断是否进行渲染哈!!
     
    
  • 相关阅读:
    C#引用类型详细剖析(转)
    wcf问题集锦
    Emgu CV 初试
    C#语言使用习惯
    多线程和消息机制
    ArrayAdapter
    SimpleAdapter
    删除对话框
    HTML制作个人简历
    冒泡排序
  • 原文地址:https://www.cnblogs.com/IwishIcould/p/12150746.html
Copyright © 2020-2023  润新知