功能实现:input页面输入内容后在点击搜索按钮后跳转到show页面,
show页面输入框里显示的是inpput页面输入的内容
input.wxml(重点:传inputTxt!!!)
<input type="text" confirm-type="done" name="search" value="{{inputTxt}}" placeholder="请输入关键字" bindinput="getInput"/>
input.js
data: {
inputTxt: null,//先在data里面定义
},
//获取输入的搜索内容
getInput: function (e) {
if (e.detail.value == "") {
this.setData({
inputTxt: null
})
} else {
this.setData({
inputTxt: e.detail.value
})
}
},
wx.redirectTo({
url:'../show/show?inputTxt=' + that.data.inputTxt('要跳转的页面路径?要传的数据名='+数据内容)
})
show.wxml
<input type="text" confirm-type="done" name="search" value="{{inputTxt}}" placeholder="{{inputTxt}}" bindinput="getInput" bindtap="goToInPutPage"/>
show.js
data: {
inputTxt: null,//先在data里面定义
},
onLoad: function (options) {
var that = this;
var reqTask = wx.request({
url: '接口'
success: (result) => {
/*if(lists===null){
wx.showToast({
title: '抱歉',
})
}else{
}*/
this.setData({
inputTxt:options.inputTxt
})
},
});
},
goToInPutPage:function(){
wx.redirectTo({
url:'../input/input'
})
}
效果图: