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

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



相关文章
|
5月前
uni-app 20收藏列表开发
uni-app 20收藏列表开发
55 0
uni-app 20收藏列表开发
|
5月前
uni-app 172标签列表和标签用户列表
uni-app 172标签列表和标签用户列表
71 1
|
5月前
|
API
uni-app 146朋友圈列表api开发
uni-app 146朋友圈列表api开发
54 0
|
5月前
uni-app 4.5开发聊天列表组件(一)
uni-app 4.5开发聊天列表组件(一)
67 0
|
5月前
|
XML Java Android开发
Android Studio App开发中改造已有的控件实战(包括自定义支付宝月份选择器、给翻页栏添加新属性、不滚动的列表视图 附源码)
Android Studio App开发中改造已有的控件实战(包括自定义支付宝月份选择器、给翻页栏添加新属性、不滚动的列表视图 附源码)
100 1
|
5月前
|
XML Java Android开发
Android Studio App开发之捕获屏幕的变更事件实战(包括竖屏与横屏切换,回到桌面与切换到任务列表)
Android Studio App开发之捕获屏幕的变更事件实战(包括竖屏与横屏切换,回到桌面与切换到任务列表)
166 0
|
4月前
|
搜索推荐
App Inventor 2 列表排序,函数式编程轻松实现高级排序算法
本文探讨了列表的函数式编程高级用法,允许根据自定义逻辑进行排序。不仅支持基本数据类型(文本和数字)的升序和降序排序,还能处理复杂结构类型中特定元素的排序。通过示例展示了如何定义比较函数来实现升序和降序,简化了排序操作。
52 0
|
5月前
uni-app 94群聊列表分页(二)
uni-app 94群聊列表分页(二)
40 1
uni-app 94群聊列表分页(二)
|
5月前
uni-app 76聊天类封装(十一)-更新会话列表(二)
uni-app 76聊天类封装(十一)-更新会话列表(二)
39 1
|
5月前
uni-app 78渲染和监听聊天会话列表
uni-app 78渲染和监听聊天会话列表
41 1