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

最新推荐文章于 2024-01-10 14:38:47 发布

whatalovelygirl

最新推荐文章于 2024-01-10 14:38:47 发布

阅读量464

点赞数

本文详细介绍了微信小程序中页面间传参的方法，并通过实例演示了如何利用URL拼接参数的方式进行传参。包括如何在WXML文件中设置参数以及如何在JS文件中获取这些参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载发布时间：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
     
      })
     
      },