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


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 相关文章推荐
不错的新闻标题颜色效果
Dec 10 Javascript
javascript parseInt与Number函数的区别
Jan 21 Javascript
jQuery实现动画效果circle实例
Aug 06 Javascript
安装使用Mongoose配合Node.js操作MongoDB的基础教程
Mar 01 Javascript
JavaScript知识点总结(四)之逻辑OR运算符详解
May 31 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
Aug 24 Javascript
基于Bootstrap和jQuery构建前端分页工具实例代码
Nov 23 Javascript
浅谈Webpack 持久化缓存实践
Mar 22 Javascript
深入浅析Vue中的slots/scoped slots
Apr 03 Javascript
JS滚轮控制图片缩放大小和拖动的实例代码
Nov 20 Javascript
浅谈ECMAScript 中的Array类型
Jun 10 Javascript
JavaScript Dom 绑定事件操作实例详解
Oct 02 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
PHP页面间传递参数实例代码
2008/06/05 PHP
PHP 递归效率分析
2009/11/24 PHP
PHP+javascript制作带提示的验证码源码分享
2014/05/28 PHP
php文件上传 你真的掌握了吗
2016/11/28 PHP
利用jQuery实现可输入搜索文字的下拉框
2013/10/23 Javascript
javascript制作的cookie封装及使用指南
2015/01/02 Javascript
利用JavaScript脚本实现滚屏效果的方法
2015/07/07 Javascript
全面了解javascript三元运算符
2016/06/27 Javascript
JS瀑布流实现方法实例分析
2016/12/19 Javascript
写jQuery插件时的注意点
2017/02/20 Javascript
Vue  webpack 项目自动打包压缩成zip文件的方法
2019/07/24 Javascript
小程序调用微信支付的方法
2019/09/26 Javascript
JS+HTML实现自定义上传图片按钮并显示图片功能的方法分析
2020/02/12 Javascript
如何使用JS console.log()技巧提高工作效率
2020/10/14 Javascript
Map与WeakMap类型在JavaScript中的使用详解
2020/11/18 Javascript
[58:35]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
Python 获取新浪微博的最新公共微博实例分享
2014/07/03 Python
python读写ini配置文件方法实例分析
2015/06/30 Python
Python中模块pymysql查询结果后如何获取字段列表
2017/06/05 Python
Ubuntu 下 vim 搭建python 环境 配置
2017/06/12 Python
Python代码实现KNN算法
2017/12/20 Python
python 删除非空文件夹的实例
2018/04/26 Python
Django项目中包含多个应用时对url的配置方法
2018/05/30 Python
在Python中使用defaultdict初始化字典以及应用方法
2018/10/31 Python
Python字典中的值为列表或字典的构造实例
2019/12/16 Python
Django全局启用登陆验证login_required的方法
2020/06/02 Python
django项目中使用云片网发送短信验证码的实现
2021/01/19 Python
大学生的网上创业计划书
2013/12/31 职场文书
亮化工程实施方案
2014/03/17 职场文书
高中家长寄语
2014/04/02 职场文书
不忘国耻振兴中华演讲稿
2014/05/14 职场文书
领导干部作风整顿剖析材料
2014/10/11 职场文书
2015年度公共机构节能工作总结
2015/05/26 职场文书
公司年会晚会开幕词
2019/04/02 职场文书
关于食品安全的演讲稿范文(三篇)
2019/10/21 职场文书
Win10鼠标宏怎么设置?win10系统鼠标宏的设置方法
2022/08/14 数码科技