微信小程序点击事件传参,下拉刷新

本文探讨了在不同前端框架中如JS、Vue、微信小程序和UniApp进行事件绑定传递参数的方法,并展示了如何在页面中实现下拉刷新功能。通过设置JSON配置和在JS中监听用户下拉动作,详细解释了页面刷新的实现过程。
摘要由CSDN通过智能技术生成
// js传参
<div onclick="particulars(11)"></div>

// vue传参
<div @click="particulars(11)"></div>

//微信小程序传参
<view bindtap="particulars" data-id="11"></view>
 
 particulars(proid){
    var id= proid.currentTarget.dataset.id;
    console.log(id) // 控制台输出11
  },

//uniapp传参
<view class="sole" @click="particulars" :id="item.id"></view>

 particulars:function(e){
	console.log(e.currentTarget.id)
  }

下拉刷新页面

首先在页面json文件中加入

"enablePullDownRefresh": true

在js页面

/**
 * 页面相关事件处理函数--监听用户下拉动作
 */
onPullDownRefresh: function () {
    //调用刷新时将执行的方法
    console.log(11)
  this.onLoad();
}

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值