微信小程序之参数传递

最新推荐文章于 2024-03-13 13:37:40 发布
最新推荐文章于 2024-03-13 13:37:40 发布
阅读量861 收藏
点赞数
分类专栏： 微信小程序 文章标签： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42805389/article/details/89405206
版权
本文介绍了微信小程序中如何通过在WXML元素标签内添加自定义数据属性data-XXX来传递参数。以标签为例，展示如何在点击事件中将输入框值绑定并传递，然后在JS代码中通过e.currentTarget.dataset.a获取传递的参数。
摘要由CSDN通过智能技术生成

微信小程序之参数传递

通过在wxml页面中添加元素标签内部的自定义数据属性来传递data参数

  • 例如，在下面 < text >标签中添加data-XXX [ XXX为你自定义的数据名] (如图我定义了一个a数据 且它的值绑定到了inputValue)
<text bindtap='query'  data-a='{
   {inputValue}}'>go</text>

当输入周杰伦时

  • 当我点击这个text标签（即点击go），触发其事件query函数，后台会将输入框中的值赋给inputValue，进而赋值给自定义数据a上
  • 然后在其js代码中的query函数&#
最低0.47元/天 解锁文章
浮笙若有梦
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序 - wx.navigateTo 跳转的路径携带 query 等参数，直接被忽略截断了（只剩网页域名后面的参数都没了），导致无法顺利传递给 web-view 组件（解决方案）
王佳斌
09-15 1827
微信小程序 - wx.navigateTo 跳转的路径携带 query 等参数，直接被忽略截断了（只剩网页域名后面的参数都没了），导致无法顺利传递给 web-view 组件（解决方案）小程序wx.navigateTo至web-view 跳转路径带参数? # query 参数被直接截断忽略了，web-view 的 url 带参问题小程序 web-view跳转h5页面方法 (包含Query参数丢失解决办小程序webview参数丢失问题小程序webview分享后参数丢失能否实现信息参数传递encodeURICom
微信小程序之wx.request传参
菜鸟猿小天
06-21 2万+
我之前写了一篇关于微信小程序wx.request的get方法的博客。而这篇博客是关于微信小程序wx.request传参问题的博客：首先，我要做的功能是，通过微信小程序的多列选择器，把某个值传到后台去：我们把选择的县的值传到后台去。-----------------------------------------------------------------我的JS代码是这样的：getTableD...
小程序传参总结
2303_76218115的博客
04-03 3700
在小程序开发中，页面跳转和数据传递是非常常见的需求。本文将介绍小程序中常用的传参方法，包括Query参数传递、全局变量传递和Storage传递，并对它们的使用场景和注意事项进行分析和总结。本文介绍了小程序中常用的传参方法，包括Query参数传递、全局变量传递和Storage传递等并对它们的使用场景和注意事项进行了分析和总结。在实际开发中，我们需要根据具体的需求和情况，不同的方式适用于不同的场景，灵活地选择传参方式，并结合一些优秀的状态管理工具，提高开发效率和用户体验，以上便是全部内容希望对各位同学有所帮助。
微信小程序传参
m0_65218210的博客
03-13 600
然后，在对应的Page或Component的js文件中，可以通过事件对象。微信小程序可以通过两种方式传递参数：query参数和data参数。这样就可以在小程序中实现通过自定义data属性来传递参数了。前缀来定义自定义的data属性，并且可以通过事件的。2.微信小程序中可以通过在wxml中使用。请根据你的需求选择合适的传参方式。属性来获取传递的参数。
小程序爬坑——扫码进入程序参数获取
03-29
官方-获取二维码 情景描述 用户以各种姿势，扫码，长按识别和手机相册选取小程序码进入程序。 然后做一次统计。 统计需要：进入情景，url相关id参数 背景 生成小程序码由后端提供 问题 以下是在开发者工具获取所写代码和入口配置。 (此图片来源于网络，如有侵权，请联系删除! ) set.png Page({ onLoad: function(options) { // options 中的 scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene var scene = decodeURIComponent(options.scen
微信小程序页面传值的方式
weixin_42136785的博客
11-20 571
个人在开发小程序时用到的，做一下整理，可能不全面，还希望大家能留言指正，废话不多说，开始介绍 pageA => pageB（pageA跳转pageB） 1、数据缓存 在pageA中缓存数据，跳转到pageB后获取缓存数据进行后续逻辑处理。 // pageA.js设置缓存 wx.setStorage({ key:"key", data:"value" }) // wx.setStorage的同步版本 try { wx.setStorageSync('key'...
微信小程序 参数传递实例代码
12-29
微信小程序 参数传递实例代码 1、通过事件传递参数 实例代码： <view data-id=103 bindtap=evenName></view> Page({ evenName: function(e) { //获得点击事件传递的id console.log(e.target.dataset.id); })  ...
微信小程序 参数传递详解
01-19
微信小程序-参数传递 这里我找到两种小程序上的参数传递方式，为了方便，我单独拿出来和大家分享下. 一、通过事件进行参数传递 先来看眼小程序对事件的定义： #什么是事件? 这里是列表文本事件是视图层到逻辑层的...
微信小程序组件参数传递
12-11
本文将深入探讨微信小程序组件参数传递的原理和实践方法。 首先，我们需要理解小程序中组件的基本结构。每个组件都有自己的属性（properties），这些属性用于接收外部传递的数据。在组件定义时，开发者可以声明哪些...
微信小程序之页面跳转和参数传递的实现
08-29
在微信小程序开发中，页面跳转和参数传递是不可或缺的功能，它们使得用户可以在不同页面间顺畅地导航并传递数据。本文将详细介绍这两种技术的实现方法。 首先，微信小程序提供了类似于HTML中`<a>`标签的`...
微信小程序数据传递的综合指南
Shids_的博客
10-09 3729
微信小程序数据传递的综合指南
扫普通链接二维码打开小程序 动态传参 参数设置规则 微信
Harry Blog
04-28 1711
https://a.com/index.html?a=1 这个地址是固定不变的,需要传参的话在这个地址后面继续&query_param=这里进行传参url encode 即可, 在小程序对应页面的onLoad(t)的t.q中可以获取到这个完整的页面传参
微信小程序路由传参
weixin_48952990的博客
07-14 4156
微信小程序路由传参
获取微信小程序码传递的参数 / 微信开发者工具模拟扫描小程序码调试
qq_17627195的博客
12-28 5940
每次项目重新编译后，都会自动进入扫描小程序码/二维码后我们设置的启动页面，同时自动传入设置的启动参数。里面的参数按照自己的规则进行设置，因为拿到的时候一个整体（一整个字符串），所以需要解析（下面的例子用的。里面的参数按照自己的规则进行设置，因为拿到的时候一个整体，所以需要解析（我这里用的。如果在每次启动的时候都要获取参数的话，需要用。进行解码，因为在传递参数的时候，会对参数进行。的键值的方式，这里所有参数必须完整的写在。的键值的方式，这里所有参数必须完整的写在。因为小程序码在传递参数的时候，会对参数进行。
微信小程序的五种传值方式
Anything2207294253的博客
11-07 5555
微信小程序数据传值的方式
微信小程序传参数的几种方法
学习记录
03-22 1万+
1，navigator跳转时 wxml页面（参数多时可用“&”） 1 <navigator url='../index/index?id=1&name=aaa'></navigator> 　　或者添加点击事件，js用navigateTo跳转传参，两种效果一样 wx.navigateTo({ ...
微信小程序获取url参数
热门推荐
stromGui同视
01-02 7万+
首先祝各位搞iT的兄弟，新的一年技术越来越牛逼，迟来的祝福，还请谅解。 今天我一个朋友问我小程序怎么获取url的参数，刚开始我有点懵了，因为小程序写完时间太长了，我都忘了，居然告诉他用的是下面的这个函数 function getUrlParam(name){ // 获取参数 var url = window.location.search; /
微信小程序节点查询wx.createSelectorQuery()的使用
weixin_42065274的博客
03-05 1万+
微信小程序操作dom节点——wx.createSelectorQuery() 使用场景：页面滑动到dom节点时，需要执行一些操作 var query = wx.createSelectorQuery();//创建节点查询器 query query.select('#id').boundingClientRect()//选择Id=id的节点，获取节点位置信息的查询请求 query.selectViewport().scrollOffset()//获取页面滑动位置的查询请求 query.exec(fun
微信小程序开发详解（八）---微信小程序页面生命周期和参数传递
aoaoxiexie的专栏
12-27 2万+
1：页面的生命周期 在初始页面：index.js中增加如图1所示代码 图1 点击“编译”后，运行这个小程序：日志如图2所示：初始页面index.js启动会从app,js中的生命周期方法调用开始：onLaunch---onShow，然后开始调用index.js页面中的生命周期方法：onLoad---onShow---onReady，当点击“后台”时，页面index.js进入后台，这时回
微信小程序开发 传递参数
最新发布
04-17
微信小程序开发是指使用微信开发者工具进行开发，创建小程序应用的过程。在小程序中，可以通过传递参数来实现不同页面之间的数据传递和交互。 在微信小程序中，传递参数有以下几种方式： 1. URL参数传递：可以通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值