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


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 相关文章推荐
网页和浏览器兼容性问题汇总(draft1)
Jun 01 Javascript
jquery创建一个ajax关键词数据搜索实现思路
Feb 26 Javascript
JS如何判断移动端访问设备并解析对应CSS
Nov 27 Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
Aug 22 Javascript
浅谈jQuery 中的事件冒泡和阻止默认行为
May 28 Javascript
JS组件Bootstrap Select2使用方法解析
May 30 Javascript
JS实现搜索框文字可删除功能
Dec 28 Javascript
微信小程序实战之运维小项目
Jan 17 Javascript
详解使用mpvue开发github小程序总结
Jul 25 Javascript
记一次用vue做的活动页的方法步骤
Apr 11 Javascript
vue.js高德地图实现热点图代码实例
Apr 18 Javascript
EasyUI 数据表格datagrid列自适应内容宽度的实现
Jul 18 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
PHP对象转换为数组函数(递归方法)
2012/02/04 PHP
PHP多线程编程之管道通信实例分析
2015/03/07 PHP
php基于jquery的ajax技术传递json数据简单实例
2016/04/15 PHP
smarty模板数学运算示例
2016/12/11 PHP
thinkPHP5.0框架配置格式、加载解析与读取方法
2017/03/17 PHP
javascript &amp;&amp;和||运算法的另类使用技巧
2009/11/28 Javascript
jQuery中clone()方法用法实例
2015/01/16 Javascript
AngularJS中的过滤器使用详解
2015/06/16 Javascript
jQuery元素属性操作实例(设置、获取及删除元素属性)
2016/09/08 Javascript
JavaScript用构造函数如何获取变量的类型名
2016/12/23 Javascript
RequireJS 依赖关系的实例(推荐)
2017/01/21 Javascript
微信小程序开发之入门实例教程篇
2017/03/07 Javascript
vue组件watch属性实例讲解
2017/11/07 Javascript
JS异步函数队列功能实例分析
2017/11/28 Javascript
详解NODEJS的http实现
2018/01/04 NodeJs
Vue.js 实现微信公众号菜单编辑器功能(一)
2018/05/08 Javascript
微信小程序自定义组件之可清除的input组件
2018/07/17 Javascript
详解javascript中var与ES6规范中let、const区别与用法
2020/01/11 Javascript
vue-cli设置css不生效的解决方法
2020/02/07 Javascript
用python做一个搜索引擎(Pylucene)的实例代码
2017/07/05 Python
python生成器,可迭代对象,迭代器区别和联系
2018/02/04 Python
Python闭包函数定义与用法分析
2018/07/20 Python
Python多线程应用于自动化测试操作示例
2018/12/06 Python
python实现的接收邮件功能示例【基于网易POP3服务器】
2019/09/11 Python
python日志模块logbook使用方法
2019/09/19 Python
世界最大域名注册商:GoDaddy
2016/07/24 全球购物
Free People中国官网:波西米亚风格女装服饰
2016/08/30 全球购物
SQL Server里面什么样的视图才能创建索引
2015/04/17 面试题
九州传奇上机题
2014/07/10 面试题
预备党员党课思想汇报
2014/01/13 职场文书
写求职信有哪些注意事项
2014/05/08 职场文书
投标承诺书怎么写
2014/05/24 职场文书
技术股份合作协议书
2014/10/05 职场文书
会议主持人开场白台词
2015/05/28 职场文书
2016年母亲节寄语
2015/12/04 职场文书
毕业生自我鉴定范文
2019/05/13 职场文书