微信小程序实现传参数的几种方法示例
更新时间：2018年01月10日 10:15:56 作者：下页、再停留
这篇文章主要给大家介绍了关于微信小程序实现传参数的几种方法，分别是navigator跳转时、全局变量、列表index下标取值以及form表单传值的相关内容，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。
前言
首先说点什么呢, 因为公司需求, 我也开始跳到小程序的坑里了, 填坑之路艰辛而凄凉, 好啦虽然有很多坑, 但毕竟小程序才出现不久, 有坑也正常, 哈哈哈不扯淡了, 来说说小程序的传参数，话不多说了，来一起看看详细的介绍吧。
一、navigator 跳转时
wxml页面（参数多时可用“&”）
<navigator url='../index/index?id=1&name=aaa'></navigator>
或者添加点击事件，js用navigateTo跳转传参，两种效果一样
wx.navigateTo({
url: '../index/index?id=1&name=aaa',
})
js页面 在onLoad里直接获取
onLoad: function (options) {
//页面初始化 options为页面跳转所带来的参数
var id = options.id //获取值
},
二、全局变量
app.js页面
globalData:{
id:null
}
赋值：
var app = getApp(); app.globalData.id = 2
取值：
var app = getApp(); var id = app.globalData.id
三、列表index下标取值
wxml页面
<button bindtap='clickMe' data-id='1'>点击</button>
如果需要传递多个，可以写多个data-[参数]的方式进行传递
js页面
clickMe:function(e){
var id = e.currentTarget.dataset.id
console.log(id);
},
注意：通过wxml设置data-[参数名]传递参数，[参数名]只能是小写，不能有大写
四、form表单传值
form表单传值比较简单常用，就不举例了
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。
相关文章
倒计时的功能在我们做项目的时候会经常遇到，这里给大家分享的是个人编写的一个简易的效果代码，有需要的小伙伴可以参考下2015-06-06
有关script注入想必大家也有所了解，在本文将为大家介绍下如何屏蔽script注入，下面有个不错的示例大家可以感受下2013-11-11
这篇文章主要介绍了Javascript毫秒数用法,实例分析了javascript获取毫秒数及设置指定时间毫秒数的方法,需要的朋友可以参考下2015-02-02
这篇文章主要为大家详细介绍了JS实现简单可拖动的模态框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要为大家详细介绍了如何利用bootstrap快速制作后台界面,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要介绍了ES6 javascript中Class类继承用法,结合实例形式较为详细的分析了ES6继承的基本用法、相关属性、方法与使用技巧,需要的朋友可以参考下2017-10-10
JavaScript实现表格排序方法，需要的朋友可以参考一下2013-06-06
这篇文章主要介绍了JavaScript里四舍五入函数round用法,实例分析了round函数的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-04-04
分享一个Javascript编写函数的优化技巧;适用的函数应该要满足以下条件;产生固定结果;复杂或较耗时等等，感兴趣的朋友可以了解下2013-01-01
这篇文章主要介绍了Bootstrap Table使用整理(二)的相关资料,需要的朋友可以参考下2017-06-06
最新评论