小程序中的各种传参问题总结与归纳（一）

·同页面下的传参问题：

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

代码及解析：

/*index.wxml*/

< view class= "container">

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

< 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

});

}

})