小程序中的各种传参问题总结与归纳（一）_微信小程序blur传参-优快云博客

本文介绍了在小程序中实现页面间参数传递的方法，包括同页面内的传参和跨页面传参，利用全局变量进行数据共享。

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

·同页面下的传参问题：

·例1：将同个页面中的input中输入的值传递到text中（附上效果图）

代码及解析：

/*index.wxml*/

<view class="container">
    <input bindblur='realnameConfirm' placeholder='请输入你需要传递的参数！'></input>    
    <!-- bindblur事件是失去焦点的事件、placeholder是输入框中的原始的值，在鼠标点击输入框后消失-->
    <text>传递的参数到达处：{{text}}</text>
</view>

/*index.js*/

Page({
  data: {
    text:''                           //将text初始化，好像没有这个代码也可以实现。
  },
  realnameConfirm: function (e) {
    var that = this;
    that.setData({
      text:e.detail.value             //将事件realnameConfirm中的值(就是input中的值)赋给text;
    })
    console.log(e.detail.value);      //可省略，作用就是答应输出括号内的值
  }   
})

·跨页面的参数传递（运用全局变量）

·例将input中的值传递到另一个页面中的text中

基本上代码一致，就是多了一个全部变量的运用

/*index.wxml*/

<view class="container">
    <input bindblur='realnameConfirm' placeholder='请输入你需要传递的参数！'></input>    
</view>

/*logs.wxml*/

<view class="container">
  <text>传递的参数到达处：{{text}}</text>
</view>
  

/*index.js*/

var app = getApp(); 
Page({
  data: {
    canshu:''         
  },
  realnameConfirm: function (e) {
    this.setData({
      canshu:e.detail.value
    });
    app.globalDate.canshu=this.data.canshu;
    wx.redirectTo({
      url: '../logs/logs',
    })
  }   
})

/*logs.js*/

var app = getApp(); 
Page({
  data:{
    text:''
  },
  onLoad:function(e){
    this.setData({
      text:app.globalDate.canshu
    });
  }
})