微信小程序 页面之间传参实例详解


Posted in Javascript onJanuary 13, 2017

微信小程序 传参:

实现效果图:

微信小程序 页面之间传参实例详解

微信小程序在两个之间传参类似js传递url拼接参数,举个例子来说吧

input自己设置参数

//index.wxml
<form bindsubmit="formSubmit" bindreset="formReset" class="myform">
 <text class="prompt">给自己起个名字吧</text>
 <input placeholder="给自己起个名字吧" name="uesrname"/>
 <!--<navigator url="../logs/logs?title=我是index" >跳转到新页面</navigator>   之间传参-->
 <!--<navigator url="../logs/logs?title=我是index" redirect>在当前页打开</navigator>   -->
 <button form-type="submit" type="primary" size="mini">确定</button>
 <button form-type="reset" type="warn" size="mini">重置</button>
 </form>
formSubmit:function(e){
  var da = e.detail.value;
  var qu = da.uesrname;
  this.setData({
   username:qu
  }),
  wx.navigateTo({
   url: '../logs/logs?uesrname='+qu //qu是上面input输入的值
  })
 },

logs.js

//logs.js
 
Page({
 data: {
  motto: 'Hello',
  userInfo: {},
  answer: stringAns,
  uesrname:''  //设置一下接收的变量
 },
 onLoad: function (option) { 
  this.setData({
   uesrname:option.uesrname
  })
 },

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
javascript &amp;&amp;和||运算法的另类使用技巧
Nov 28 Javascript
一个基于jQuery的树型插件(OrangeTree)使用介绍
May 03 Javascript
String.prototype实现的一些javascript函数介绍
Nov 22 Javascript
邮箱下拉自动填充选择示例代码附图
Apr 03 Javascript
JQuery ZTree使用方法详解
Jan 07 Javascript
jQuery接受后台传递的List的实例详解
Aug 02 jQuery
Vue.js路由实现选项卡简单实例
Jul 24 Javascript
vue+element树组件 实现树懒加载的过程详解
Oct 21 Javascript
详解一些适用于Node.js的命名约定
Dec 08 Javascript
JavaScript实现简易聊天对话框(加滚动条)
Feb 10 Javascript
基于VUE实现判断设备是PC还是移动端
Jul 03 Javascript
js实现碰撞检测
Jan 29 Javascript
bootstrap下拉菜单使用方法解析
Jan 13 #Javascript
js数组与字符串常用方法总结
Jan 13 #Javascript
使用微信内嵌H5网页解决JS倒计时失效问题
Jan 13 #Javascript
bootstrap按钮插件(Button)使用方法解析
Jan 13 #Javascript
微信小程序 两种滑动方式(横向滑动,竖向滑动)详细及实例代码
Jan 13 #Javascript
bootstrap警告框使用方法解析
Jan 13 #Javascript
微信小程序 详解下拉加载与上拉刷新实现方法
Jan 13 #Javascript
You might like
BBS(php &amp; mysql)完整版(五)
2006/10/09 PHP
使用迭代器 遍历文件信息的详解
2013/06/08 PHP
解析argc argv在php中的应用
2013/06/24 PHP
php引用传值实例详解学习
2013/11/06 PHP
图片完美缩放
2006/09/07 Javascript
兼容多浏览器的字幕特效Marquee的通用js类
2008/07/20 Javascript
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
2010/12/03 Javascript
JSON传递bool类型数据的处理方式介绍
2013/09/18 Javascript
jquery将一个表单序列化为一个对象的方法
2013/12/02 Javascript
Javascript的setTimeout()使用闭包特性时需要注意的问题
2014/09/23 Javascript
深入理解JavaScript系列(31):设计模式之代理模式详解
2015/03/03 Javascript
js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)
2015/08/26 Javascript
JS动态添加iframe的代码
2015/09/14 Javascript
js控制TR的显示隐藏
2016/03/04 Javascript
jQuery获取table行数并输出单元格内容的实现方法
2016/06/30 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
2016/10/09 Javascript
JavaScript 有用的代码片段和 trick
2018/02/22 Javascript
使用puppeteer破解极验的滑动验证码
2018/02/24 Javascript
使用JavaScript中的lodash编写双色球效果
2018/06/24 Javascript
js单线程的本质 Event Loop解析
2019/10/29 Javascript
vue实现页面切换滑动效果
2020/06/29 Javascript
[01:55]2014DOTA2国际邀请赛快报:国土生病 紧急去医院治疗
2014/07/10 DOTA
[45:52]2018DOTA2亚洲邀请赛 4.1小组赛 A组加赛 LGD vs Liquid
2018/04/02 DOTA
[04:51]TI10典藏宝瓶Ⅱ外观视频展示
2020/08/15 DOTA
Python机器学习算法库scikit-learn学习之决策树实现方法详解
2019/07/04 Python
python动态视频下载器的实现方法
2019/09/16 Python
Python类如何定义私有变量
2020/02/03 Python
HTML5 用动画的表现形式装载图像
2016/03/08 HTML / CSS
关于HTML5的安全问题开发人员需要牢记的
2012/06/21 HTML / CSS
美国儿童运动鞋和服装零售商:Kids Foot Locker
2017/08/05 全球购物
RetroStage德国:复古服装
2019/02/03 全球购物
文明餐桌行动实施方案
2014/02/19 职场文书
售后求职信范文
2014/03/15 职场文书
停水通知
2015/04/16 职场文书
少先队中队工作总结
2015/08/14 职场文书
Docker官方工具docker-registry案例演示
2022/04/13 Servers