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


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 相关文章推荐
jQuery右键菜单contextMenu使用实例
Sep 28 Javascript
onkeypress字符按键兼容所有浏览器使用介绍
Apr 24 Javascript
使用text方法获取Html元素文本信息示例
Sep 01 Javascript
Javascript访问器属性实例分析
Dec 30 Javascript
jQuery实现的仿百度分页足迹效果代码
Oct 30 Javascript
基于javascript实现的购物商城商品倒计时实例
Dec 11 Javascript
bootstrap datetimepicker日期插件使用方法
Jan 13 Javascript
JS实现简单的天数计算器完整实例
Apr 28 Javascript
js模块加载方式浅析
Aug 12 Javascript
three.js实现3D影院的原理的代码分析
Dec 18 Javascript
React 项目迁移 Webpack Babel7的实现
Sep 12 Javascript
vue之组件内监控$store中定义变量的变化详解
Nov 08 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
咖啡因含量是由谁决定的?低因咖啡怎么来?低因咖啡适合什么人喝
2021/03/06 新手入门
php多文件上传功能实现原理及代码
2013/04/18 PHP
PHP框架实现WebSocket在线聊天通讯系统
2019/11/21 PHP
JavaScript读取中文cookie时的乱码问题的解决方法
2009/10/14 Javascript
javascript demo 基本技巧
2009/12/18 Javascript
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
2010/08/16 Javascript
javascript正则表达式基础知识入门
2015/04/20 Javascript
jQuery实现自动调整字体大小的方法
2015/06/15 Javascript
js模拟淘宝网的多级选择菜单实现方法
2015/08/18 Javascript
整理Javascript基础语法学习笔记
2015/11/29 Javascript
学习JavaScript设计模式之观察者模式
2020/04/22 Javascript
jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)
2016/08/23 Javascript
JavaScript ES6中const、let与var的对比详解
2017/06/18 Javascript
Vue自定义指令使用方法详解
2017/08/21 Javascript
jQuery 改变P标签文本值方法
2018/02/24 jQuery
如何使用less实现随机下雪动画详解
2019/01/02 Javascript
vue中使用GraphQL的实例代码
2019/11/04 Javascript
Vue程序化的事件监听器(实例方案详解)
2020/01/07 Javascript
JS检测浏览器开发者工具是否打开的方法详解
2020/10/02 Javascript
[01:16:37]【全国守擂赛】第三周决赛 Dark Knight vs. 一个弱队
2020/05/04 DOTA
详解Python中表达式i += x与i = i + x是否等价
2017/02/08 Python
python实现在图片上画特定大小角度矩形框
2018/10/24 Python
Html5大文件断点续传实现方法
2015/12/05 HTML / CSS
Mixbook加拿大:照片书,照片卡,剪贴簿,年历和日历
2017/02/21 全球购物
What's the difference between deep copy and shallow copy? (深拷贝与浅拷贝有什么区别)
2015/11/10 面试题
2014小学植树节活动总结
2014/03/10 职场文书
保证书范文大全
2014/04/28 职场文书
2014年会策划方案
2014/05/11 职场文书
幼儿教师师德承诺书
2014/05/23 职场文书
建筑工地标语
2014/06/18 职场文书
2014年学校财务工作总结
2014/12/06 职场文书
给老婆道歉的话
2015/01/20 职场文书
集结号观后感
2015/06/08 职场文书
教师研修随笔感言
2015/11/18 职场文书
MySQL如何构建数据表索引
2021/05/13 MySQL
mysql 乱码 字符集latin1转UTF8
2022/04/19 MySQL