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

·同页面下的传参问题:

    ·例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
});
}
})

猜你喜欢

转载自blog.csdn.net/mirror_Mx/article/details/79804905