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


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 相关文章推荐
拖动Html元素集合 Drag and Drop any item
Dec 22 Javascript
JavaScript 字符串乘法
Aug 20 Javascript
原生javascript和jquery判断浏览器版本等信息
Jul 04 Javascript
JavaScript验证电子邮箱的函数
Aug 22 Javascript
如何调试异步加载页面里包含的js文件
Oct 30 Javascript
基于javascript bootstrap实现生日日期联动选择
Apr 07 Javascript
JavaScript实现图片瀑布流和底部刷新
Jan 02 Javascript
angularJs-$http实现百度搜索时的动态下拉框示例
Feb 27 Javascript
vue项目打包之后背景样式丢失的解决方案
Jan 17 Javascript
js实现盒子拖拽动画效果
Aug 09 Javascript
使用refresh_token实现无感刷新页面
Apr 26 Javascript
ECharts transform数据转换和dataZoom在项目中使用
Dec 24 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
Windows下的PHP安装文件线程安全和非线程安全的区别
2014/04/23 PHP
Yii2实现自定义独立验证器的方法
2017/05/05 PHP
PHP实现随机数字、字母的验证码功能
2018/08/01 PHP
JAVASCRIPT 对象的创建与使用
2021/03/09 Javascript
2007/12/23更新创意无限,简单实用(javascript log)
2007/12/24 Javascript
Javascript 调试利器 Firebug使用详解六
2009/07/05 Javascript
深入理解JavaScript系列(16) 闭包(Closures)
2012/04/12 Javascript
JS按字节截取字符长度实例
2013/11/20 Javascript
jquery实现多屏多图焦点图切换特效的方法
2015/05/04 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
2015/12/03 Javascript
BootStrap与validator 使用笔记(JAVA SpringMVC实现)
2016/09/21 Javascript
在js里怎么实现Xcode里的callFuncN方法(详解)
2016/11/05 Javascript
HTML5 js实现拖拉上传文件功能
2020/11/20 Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
2018/08/03 jQuery
基于vue中对鼠标划过事件的处理方式详解
2018/08/22 Javascript
微信小程序页面传多个参数跳转页面的实现方法
2019/05/17 Javascript
layui radio单选限制下一个radio单选的实例
2019/09/03 Javascript
JS随机密码生成算法
2019/09/23 Javascript
微信小程序实现日历签到
2020/09/21 Javascript
[00:26]TI7不朽珍藏III——冥界亚龙不朽展示
2017/07/15 DOTA
Python 模拟购物车的实例讲解
2017/09/11 Python
python使用pyecharts库画地图数据可视化的实现
2020/03/25 Python
Python制作一个仿QQ办公版的图形登录界面
2020/09/22 Python
美国演唱会订票网站:Ticketmaster美国
2017/10/05 全球购物
高级电工工作职责
2013/11/21 职场文书
电脑专业个人求职信范文
2014/02/04 职场文书
给校长的建议书600字
2014/05/15 职场文书
管理提升方案
2014/06/04 职场文书
创建绿色学校先进个人材料
2014/08/20 职场文书
永远跟党走演讲稿
2014/09/12 职场文书
2014年教师批评与自我批评思想汇报
2014/09/20 职场文书
安全教育片观后感
2015/06/17 职场文书
汽车销售员工作总结
2015/08/12 职场文书
如何用JavaScript检测当前浏览器是无头浏览器
2021/04/27 Javascript
pytorch 梯度NAN异常值的解决方案
2021/06/05 Python
CSS实现单选折叠菜单功能
2021/11/01 HTML / CSS