·同页面下的传参问题:
·例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
});
}
})