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

 更新时间:2017年01月13日 11:36:25   投稿:lqh  
这篇文章主要介绍了微信小程序 页面之间传参实例详解的相关资料,需要的朋友可以参考下

微信小程序 传参:

实现效果图:

微信小程序在两个之间传参类似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
  })
 },

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

相关文章

  • 微信小程序 Nginx环境配置详细介绍

    微信小程序 Nginx环境配置详细介绍

    这篇文章主要介绍了微信小程序 Nginx环境配置详细介绍的相关资料,需要的朋友可以参考下
    2017-02-02
  • Electron 网络拦截实战示例详解

    Electron 网络拦截实战示例详解

    这篇文章主要为大家介绍了Electron 网络拦截实战示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • JavaScript中MutationObServer监听DOM元素详情

    JavaScript中MutationObServer监听DOM元素详情

    这篇文章主要给大家分享的是 JavaScript中MutationObServer监听DOM元素详情,DOM的MutationObServer接口,可以在DOM被修改时异步执行回调函数,我的理解就是可以监听DOM修改。下面来看看文章的详细内容,需要的朋友可以参考一下
    2021-11-11
  • js 实现验证码输入框示例详解

    js 实现验证码输入框示例详解

    这篇文章主要为大家介绍了js 实现验证码输入框示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • 微信小程序 天气预报开发实例代码源码

    微信小程序 天气预报开发实例代码源码

    这篇文章主要介绍了微信小程序 天气预报开发实例代码源码的相关资料,这里含有源码,需要的朋友可以参考下
    2017-01-01
  • JS前端实现fsm有限状态机实例详解

    JS前端实现fsm有限状态机实例详解

    这篇文章主要为大家介绍了JS前端实现fsm有限状态机实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • 2023年了该了解下WebComponent使用教程

    2023年了该了解下WebComponent使用教程

    这篇文章主要为大家介绍了2023年了该了解下WebComponent使用教程,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • 微信小程序后台解密用户数据实例详解

    微信小程序后台解密用户数据实例详解

    这篇文章主要介绍了 微信小程序后台解密用户数据实例详解的相关资料,需要的朋友可以参考下
    2017-06-06
  • 微信小程序 弹框和模态框实现代码

    微信小程序 弹框和模态框实现代码

    这篇文章主要介绍了微信小程序 弹框和模态框实现代码的相关资料,需要的朋友可以参考下
    2017-03-03
  • TypeScript 内置高级类型编程示例

    TypeScript 内置高级类型编程示例

    这篇文章主要为大家介绍了TypeScript 内置高级类型编程示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09

最新评论