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


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 相关文章推荐
在 IE 中调用 javascript 打开 Excel 表
Dec 21 Javascript
PNG背景在不同浏览器下的应用
Jun 22 Javascript
jQuery替换字符串(实例代码)
Nov 13 Javascript
利用javaScript实现点击输入框弹出窗体选择信息
Dec 11 Javascript
jquery使用$(element).is()来判断获取的tagName
Aug 24 Javascript
jquery插件NProgress.js制作网页加载进度条
Jun 05 Javascript
javascript设计模式之模块模式学习笔记
Feb 15 Javascript
JS实现一个简单的日历
Feb 22 Javascript
使用JavaScript实现链表的数据结构的代码
Aug 02 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
微信小程序通过websocket实时语音识别的实现代码
Aug 19 Javascript
解决vue项目axios每次请求session不一致的问题
Oct 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
常用表单验证类,有了这个,一般的验证就都齐了。
2006/12/06 PHP
php获得当前的脚本网址
2007/12/10 PHP
PHP JSON格式的中文显示问题解决方法
2015/04/09 PHP
PHP使用CURL模拟登录的方法
2015/07/08 PHP
Codeigniter中集成smarty和adodb的方法
2016/03/04 PHP
PHP入门教程之操作符与控制结构流程详解
2016/09/09 PHP
PHP常见的序列化与反序列化操作实例分析
2019/10/28 PHP
jQuery Dialog 弹出层对话框插件
2010/08/09 Javascript
javascript数组随机排序实例分析
2015/07/22 Javascript
AngularJS打开页面隐藏显示表达式用法示例
2016/12/25 Javascript
详解JS中遍历语法的比较
2017/04/07 Javascript
详解Node.js 命令行程序开发教程
2017/06/07 Javascript
轻松玩转BootstrapTable(后端使用SpringMVC+Hibernate)
2017/09/06 Javascript
JavaScript实现动态添加、移除元素或属性的方法分析
2019/01/03 Javascript
小程序中英文混合排序问题解决
2019/08/02 Javascript
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
2019/11/04 Javascript
javascript实现弹出层效果
2019/12/10 Javascript
基于JS判断对象是否是数组
2020/01/10 Javascript
Vue+tracking.js 实现前端人脸检测功能
2020/04/16 Javascript
如何在Vue中使localStorage具有响应式(思想实验)
2020/07/14 Javascript
[01:34]2014DOTA2展望TI 剑指西雅图VG战队专访
2014/06/30 DOTA
[02:03]风行者至宝清风环佩外观展示
2020/09/05 DOTA
[01:33]PWL开团时刻DAY2-开雾与反开雾
2020/10/31 DOTA
Python中表达式x += y和x = x+y 的区别详解
2017/06/20 Python
浅析python参数的知识点
2018/12/10 Python
python 模拟创建seafile 目录操作示例
2019/09/26 Python
python实现一次性封装多条sql语句(begin end)
2020/06/06 Python
django ObjectDoesNotExist 和 DoesNotExist的用法
2020/07/09 Python
python 高阶函数简单介绍
2021/02/19 Python
Hammitt官网:设计师手袋
2020/05/23 全球购物
洗煤厂厂长岗位职责
2014/01/03 职场文书
学校学习雷锋活动总结
2014/07/03 职场文书
2014年客服工作总结与计划
2014/12/09 职场文书
公共场所卫生管理制度
2015/08/05 职场文书
《成长的天空》读后感3篇
2019/12/06 职场文书
Java数据结构之链表相关知识总结
2021/06/18 Java/Android