微信小程序点击事件传递自定义参数的方法和跨页面传递数据
小程序data-用法
一、data- :
1,绑定
格式为data-XXX,此处是data-id, id是需要传递的参数
【XXX不能有大写】
<!-- 绑定data-id 需要传递的参数 格式为data-XXX -->
<view class="today-data" bindtap="goTodayData" data-id="{{item.id}}"><view class="today-font">本日数据</view>
</view>
2.获取
使用 e.currentTarget.dataset.xxx来获取传递的参数
goTodayData(e){const id= e.currentTarget.dataset.id
}
解释:比如你在页面元素写的是data-value,那你在js部分就要写e.target.dataset.value就可以取到data-value里的值## 小程序页面传递数据
1.使用本地缓存```html
*// A页面中通过setStorageSync在本地缓存数据*
wx.setStorageSync("key","value")
*// B页面中通过getStorageSync读取键值来获取*
wx.getStorageSync("key")
二、url传参(例:wx.navigateTo)
//跳转前的页面
wx.navigateTo({url: '/pages/index/index?time=' + time ,})//跳转后的页面onLoad: function (options) {console.log(options.time ) //即可拿到上个页面传过来的参数//包括扫描二维码进来的参数也可以在options里拿到}
//如果页面跳转需要传递对象,则需要转成字符串,接收页面再转回对象
var obj = {name:nike}
wx.navigateTo({url: '/pages/index/index?obj=' + JSON.stringify(obj),})//跳转后的页面onLoad: function (options) {console.log(options.time) //接收的字符串console.log(JSON.parse(options.item)) //转成对象}
三、全局的APP对象
*// A页面代码*
var app = getApp();
app.dataA = "A";
*// B页面代码*
var app = getApp();
var dataB = app.dataA;
微信小程序点击事件传递自定义参数的方法和跨页面传递数据相关推荐
- [微信小程序]微信小程序点击事件返回值的target分析
微信小程序点击事件返回值的target分析 测试过程 在微信小程序中创建以下图片 然后在调试中点击下面第5个. console返回两个e 第一个e是第5块小块的e 第二个e是下面全部9小块组成的大块的 ...
- 微信小程序服务器未响应,微信小程序点击事件失效
想在主页上添加一个搜索功能 但是加上之后发现原有的页面点击事件没有反应了 个人怀疑是input和bindtap互相影响? 有人碰到类似的情况吗 是怎么解决的 {{item}} this is a te ...
- uni-app微信小程序生成自定义参数二维码,跳转小程序指定页面,获取参数;uni-app微信小程序获取二维码自定义参数;微信小程序生成动态参数二维码;uni-app微信小程序获取动态参数二维码;
一.场景需求: 在小程序个人名片页面A页面,生成用户的个人名片二维码(该二维码携带用户的唯一标识id):微信扫一扫或长按图片识别这个二维码,可以跳转到小程序的B页面,并且在B页面拿到二维码上的唯一标识 ...
- 微信小程序点击事件(bindtap)传递参数
小程序在组件上绑定事件后,传递参数的方式不同于前端开发其他场景中直接加参数的方式,小程序在参数的传递时,采用事件对象的自定义属性的方式,具体实现如下: wxml: <view bindtap=& ...
- 微信小程序 - 点击事件传参
首先给某个按钮或者某个组件 添加 bindtap点击事件 再加上 data-xxx="传值内容" (xxx可以自定义单词) 例如: //xx.wxml <view bindt ...
- 微信小程序点击事件失效
今天经理突然跑过来问,为什么点击不了,找了下百度才知道换个标签就得了,奇怪的是之前一直都是可以的
- 微信小程序——点击事件传参没有数据(undefined)
今天在wxml和js传参的时候,为了和后台的命名规则保持一致,在data-questionId的驼峰式命名,结果发现参数传到js的时候,js打印出来为undefined.今天把这个坑填了! 微信开发者 ...
- 微信小程序 点击事件绑定三目方法
根据showLine的true 或 flase来判断进行show方法或者shou方法
- 微信小程序——点击事件 bindtap和catchtap的区别
bindtap是冒泡的,应放在外层 catchtap是非冒泡的,应放在内层
- 微信小程序点击复制功能
微信小程序点击复制功能 wx.setClipboardData({data: data, // data就是需要复制的数据success: res => {this.onClose() // 复 ...
最新文章
- 病情高度活动的RA病人的感染风险增加
- CentOS+Nginx+uWSGI+Python多站点环境搭建
- 示波器探头×1和×10的意义
- debug —— list调试命令
- 反射中Class.forName()和ClassLoader.loadClass()的区别
- php数组排序id取得,php专用数组排序类ArraySortUtil用法实例
- POJ 1989 The Cow Lineup【最短非子序列】
- Enjoy模板里使用layui模板引擎laytpl
- 关于微信退款出现错误代码:52的解决方法【转】
- Qt使用教程(C++版)
- validate 属性
- 第三方银联支付接口对接_php版银联支付接口开发简明教程
- 2020-10-16
- 北京中医药大学本科毕业论文答辩PPT模板
- 电脑蓝屏解决方案:DPC WATCHDOG VIOLATION
- 代理方式部署NER标注平台doccano
- 正弦波产生电路_文氏桥振荡
- vc++编译时没有问题,运行时出现runtime error的解决办法
- 香港手机号、固话、身份证正则表达式校验
- python 模拟鼠标点击桌面指定位置