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

Posted 2021-03-18 平凡是最美荡气回肠

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  一开始是渲染出来的  然后在根据条件  来判断是否进行渲染哈！！