uni-app学习随笔

摘要:
--#IfdfH5--˃仅在H5--#Endif--˃------------注释快捷键ctrl+/2中显示˂。写入3中。组件、方法和样式都可以通过使用5$On侦听全局自定义事件与uni进行通信。事件可以由uni$Emit触发器定义。回调函数将接收所有传入事件触发器函数的附加参数。Id=80&age=19“˃跳转到页面

一、数据绑定

  1.在data里面定义并赋值,然后使用{{****}}的方式显示。

  2.v-bind:用来解析链接地址,例如在线图片在data里面定义,使用 v-bind:src(:src)----v-bind:src==:src

  3.v-for:一般都是配套数组使用<view v-for="(item,index) in arr" :key="item.id">序号:{{item.index}},名字:{{item.name}},年龄:{{item.age}}</view>

二、注册事件

  1.button事件触发:<button type="primary" v-on:click="clickHandle">按钮</button>----v-on:click==@click

  2.methods:{clickHandle(){}}------methods方法跟data(){}同级

  3.按钮点击事件触发事件函数clickHandle(20,$event),methods:{clickHandle(num,e){console.log('点击我了',num,e)}}

三、生命周期函数

  1.概念:一个对象从创建、运行、销毁的整个过程被称为生命周期

  2.下拉刷新函数onPullDownRefresh()

  3.触底函数onReachBottom()

  4.发送get请求使用uni.request

  5.destroyed(){clearInterval(this.intId)}用来销毁页面内的定时器

四、条件兼容

  1.在注释行里面写<!-- #ifdef H5 --><view>只在H5里面显示</view><!-- #endif -->------------注释快捷键ctrl+/

  2.在注释行里面写<!-- #ifdef MP-WEIXIN --><view>只在微信小程序里面显示</view><!-- #endif -->

  3.组件,方法和样式都可以这样用

五、页面通讯 

  uni.$on(eventName,callback)

  监听全局的自定义事件。事件可以由 uni.$emit 触发,回调函数会接收所有传入事件触发函数的额外参数。

  uni.$on('eventName',num=>{this.num+=num})

  uni.$emit(eventName,OBJECT)

  方法里面调用uni.$emit('eventName',10)--------10对应上面的num实例

  

<navigator url="/pages/detail/detail?id=80&age=19">跳转页面</navigator>

  

免责声明:文章转载自《uni-app学习随笔》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇孟德尔随机化 Mendelian randomization,MRkettle系列1.kettle源码获取与运行下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

ipadmini从9.3.5降级8.4.1并完美越狱

ipadmini之前是iOS9.3.5实在是卡的用不了,于是打算降级,但是尝试了包括改版本描述等很多方法一直失败。今天突然成功降级8.4.1并且完美越狱,运行流畅了非常多。方法如下:打开网址:https://www.i4.cn/news_detail_18447.html,下载对应设备的8.4.1自制固件,一般的固件是不可以的。...

解决Maven无法下载fastdfs-client-java依赖,Dependency 'org.csource:fastdfs-client-java:1.27-SNAPSHOT' not found.

然后,您成功地将fastdfs客户端java打包到本地Maven仓库,更新项目Maven,pom.xml文件将不会找不到fastdfs客户机java依赖项。...

NodeJs使用jwt生成token以及使用express-jwt校验和解密token

=0){//当数据库有当前用户时,它返回tokenlettoken=jwt.sign;res.send}else{res.send}}catch{//p抛出异常并将其发送到错误中间件以处理console.log;next;}})//注册接口路由器。post('/register',异步(req,res,next)=˃{let{用户名,密码,昵称}=req-b...

Kafka监控工具——Kafka-Eagle

Kafka监控工具官网https://www.kafka-eagle.org/是什么KafkaEagle是一款用于监控和管理ApacheKafka的完全开源系统,目前托管在Github,由笔者和一些开源爱好者共同维护。而且,在使用消费者API时,尽量#客户端KafkaAPI版本和Kafka服务端的版本保持#一致性。...

sqlserver 计算 百分比

selectltrim+'%'As百分比NUMERIC(P,S)P的默认值是:38S的默认值是:-84~127numeric(a,b)函数有两个参数,前面一个为总的位数,后面一个参数是小数点后的位数,例如numeric(5,2)是总位数为5,小数点后为2位的数,也就是说这个字段的整数位最大是3位。...

常用的Maven 插件

Maven本质上是一个插件框架。其核心不执行任何特定的施工任务。所有这些任务都委托给插件。多年来,Maven社区积累了大量经验,随后形成了成熟的插件生态系统。这个插件在一些Ant到Maven的迁移项目中特别有用。只要在父POM中配置规则,然后由每个人继承,Maven就会在规则被破坏时报告错误。...