微信小程序实现传参数的几种方法示例


Posted in Javascript onJanuary 10, 2018

前言

首先说点什么呢, 因为公司需求, 我也开始跳到小程序的坑里了, 填坑之路艰辛而凄凉, 好啦虽然有很多坑, 但毕竟小程序才出现不久, 有坑也正常, 哈哈哈不扯淡了, 来说说小程序的传参数,话不多说了,来一起看看详细的介绍吧。

一、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表单传值比较简单常用,就不举例了

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
Extjs显示从数据库取出时间转换JSON后的出现问题
Nov 20 Javascript
浅谈Javascript变量作用域问题
Dec 16 Javascript
Bootstrap每天必学之响应式导航、轮播图
Apr 25 Javascript
原生js实现addClass,removeClass,hasClass方法
Apr 27 Javascript
jQuery的Read()方法代替原生JS详解
Nov 08 Javascript
Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法
Dec 31 Javascript
微信小程序 封装http请求实例详解
Jan 16 Javascript
Vue 多层组件嵌套二种实现方式(测试实例)
Sep 08 Javascript
jquery如何实现点击空白处隐藏元素
Dec 05 jQuery
vue.js $refs和$emit 父子组件交互的方法
Dec 20 Javascript
微信小程序实现Session功能及无法获取session问题的解决方法
May 07 Javascript
layui复选框的全选与取消实现方法
Sep 02 Javascript
React中常见的动画实现的几种方式
Jan 10 #Javascript
使用async-validator编写Form组件的方法
Jan 10 #Javascript
基于casperjs和resemble.js实现一个像素对比服务详解
Jan 10 #Javascript
JavaScript实现快速排序的方法分析
Jan 10 #Javascript
jQuery第一次运行页面默认触发点击事件的实例
Jan 10 #jQuery
js推箱子小游戏步骤代码解析
Jan 10 #Javascript
vue select二级联动第二级默认选中第一个option值的实例
Jan 10 #Javascript
You might like
ftp类(myftp.php)
2006/10/09 PHP
PHP最常用的ini函数分析 针对PHP.ini配置文件
2010/04/22 PHP
php5.3 注意事项说明
2013/07/01 PHP
PHP大批量插入数据库的3种方法和速度对比
2014/07/08 PHP
php数组使用规则分析
2015/02/27 PHP
php数据库操作model类(使用__call方法)
2016/11/16 PHP
php ajax confirm 删除实例详解
2019/03/06 PHP
PHP实现单例模式建立数据库连接的方法分析
2020/02/11 PHP
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
2009/04/24 Javascript
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
2009/12/02 Javascript
JQuery 选项卡效果(JS与HTML的分离)
2010/04/01 Javascript
JS 文件传参及处理技巧分析
2010/05/13 Javascript
jQuery.query.js 取参数的两点问题分析
2012/08/06 Javascript
jQuery图片轮播的具体实现
2013/09/11 Javascript
Flexigrid在IE下不显示数据的有效处理方法
2014/09/04 Javascript
深入探寻seajs的模块化与加载方式
2015/04/14 Javascript
jQuery实现图片上传和裁剪插件Croppie
2015/11/29 Javascript
JavaScript实现复制文章自动添加版权
2016/08/02 Javascript
JavaScript实现倒计时跳转页面功能【实用】
2016/12/13 Javascript
Node.js创建Web、TCP服务器
2017/12/05 Javascript
nodejs同步调用获取mysql数据时遇到的大坑
2019/03/02 NodeJs
[56:01]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 Effect vs EG
2018/03/31 DOTA
详解Python编程中包的概念与管理
2015/10/16 Python
python爬虫之urllib库常用方法用法总结大全
2018/11/14 Python
Python中的元组介绍
2019/01/28 Python
Python去除字符串前后空格的几种方法
2019/03/04 Python
python django 原生sql 获取数据的例子
2019/08/14 Python
Python中bisect的使用方法
2019/12/31 Python
Python cookie的保存与读取、SSL讲解
2020/02/17 Python
python解压zip包中文乱码解决方法
2020/11/27 Python
使用canvas压缩图片上传的方法示例
2020/02/07 HTML / CSS
naturalizer加拿大官网:美国娜然女鞋
2017/04/04 全球购物
英国最大的化装舞会服装网站:Fancydress.com
2017/08/15 全球购物
群众路线个人自我剖析材料
2014/10/07 职场文书
出纳工作检讨书
2014/10/18 职场文书
师德师风培训感言
2015/08/03 职场文书