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



相关文章
|
1月前
|
Dart 前端开发 Android开发
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
54 4
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
3月前
|
存储 监控 API
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
122 11
|
4月前
【Azure App Service】PowerShell脚本批量添加IP地址到Web App允许访问IP列表中
Web App取消公网访问后,只允许特定IP能访问Web App。需要写一下段PowerShell脚本,批量添加IP到Web App的允许访问IP列表里!
|
9月前
|
搜索推荐
App Inventor 2 列表排序,函数式编程轻松实现高级排序算法
本文探讨了列表的函数式编程高级用法,允许根据自定义逻辑进行排序。不仅支持基本数据类型(文本和数字)的升序和降序排序,还能处理复杂结构类型中特定元素的排序。通过示例展示了如何定义比较函数来实现升序和降序,简化了排序操作。
100 0
|
10月前
uni-app 172标签列表和标签用户列表
uni-app 172标签列表和标签用户列表
91 1
|
10月前
uni-app 162初始化会话列表功能
uni-app 162初始化会话列表功能
49 0
|
10月前
uni-app 149我的朋友圈分页列表实现
uni-app 149我的朋友圈分页列表实现
46 0
|
10月前
uni-app 148朋友圈列表分页功能实现
uni-app 148朋友圈列表分页功能实现
102 0
|
10月前
|
API
uni-app 147我的朋友圈列表api开发
uni-app 147我的朋友圈列表api开发
49 0
|
10月前
|
API
uni-app 146朋友圈列表api开发
uni-app 146朋友圈列表api开发
71 0

热门文章

最新文章

  • 1
    原生鸿蒙版小艺APP接入DeepSeek-R1,为HarmonyOS应用开发注入新活力
  • 2
    【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
  • 3
    PiliPala:开源项目真香,B站用户狂喜!这个开源APP竟能自定义主题+去广告?PiliPala隐藏功能大揭秘
  • 4
    Axure原型模板与元件库APP交互设计素材(附资料)
  • 5
    【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
  • 6
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
  • 7
    【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
  • 8
    小游戏源码开发之可跨app软件对接是如何设计和开发的
  • 9
    【03】微信支付商户申请下户到配置完整流程-微信开放平台创建APP应用-填写上传基础资料-生成安卓证书-获取Apk签名-申请+配置完整流程-优雅草卓伊凡
  • 10
    【Azure Function】Function App门户上的Test/Run返回错误:Failed to fetch