这个是点击搜索然后作请求修改数据而已,不是那种输入就出数据的那种,废话不多,上代码,复制即用
wxml
<view class="search-v">
<input class="search" bindinput="inputSearch"></input>
<view class="search1" bindtap='search'>搜索</view>
</view>
wxss
.search-v{
width:100%;
display: flex;
align-items: center;
position: relative;
background-color: #fff;
padding-bottom: 20rpx;
box-sizing: border-box;
overflow: hidden;
}
.search-v.search{
border:1rpx solid rgba(204, 204, 204, 0.4);
width:500rpx;
height:60rpx;
background-color: #f2f2f2;
margin-left:30rpx;
padding-left:40px;
font-size: 12px;
color:#000;
border-radius: 50rpx;
}
.search-v.search1{
font-size: 16px;
color:#666;
margin-left:30rpx;
}
js
inputSearch: function (e) {
let that = this
that.setData({
searchValue : e.detail.value
})
console.log(that.data.searchValue)
},
search: function(){
//这里作请求
}