微信小程序 组件的自定义数据属性+请求接口+导航栏loading和标题+页面转发

本文详细介绍了微信小程序中组件如何设置自定义数据属性,并通过事件处理获取。同时,讲解了如何发起API请求,设置导航栏的loading状态和标题。还涉及到了页面的下拉刷新、上滑触底、滚动以及分享等事件处理。
摘要由CSDN通过智能技术生成

(一)组件的自定义数据属性

  • 当事件处理函数需要当前组件的一些关键数据的时候,就可以将这些关键数据在这个组件上,以data-的方式申明的自定义数据属性进行设置
  • 例: data-movie-id =“{ {XX}}”
<view bindtap="f1" data-movie-id="{
  {movie-id}}"> </view>
  • 在event.currentTarget中,可以获取到的dataset里面的内容,而且会进行转换成驼峰命名 ,例:
f1:function(event){
  var movieId = event.currentTarget.dataset.movieId
  console.log(movieId) // 即 data-movie-id的值
}
  • 在导航页面中,可以这样用,实现动态绑定
wx.navigateTo({
         url: '/pages/detail/detail?id='+movieId,
 })

// 如果多个参数,例:
url: '/pages/student/indexBuyer/order/examine/examine?id=' + id + "&date=" + date + "&people=" + people 
  • 这个id值会在目标页解析成options的参数对象,在onload中可以获取
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值