列表页搜索框搜索姓名或手机号,首先 wxml 页面代码
<view class="search">
<input class="search-img" type="text" value="{
{searchValue}}" bindinput="input1" placeholder="搜索会员姓名/手机号码" bindconfirm="search" />
<image class="sea_img" src="../../img/search.png"></image>
</view>
接下来就是主要的js页面代码
Page({
/**
* 页面的初始数据
*/
data: {
memlist: [], //列表数据
searchValue: '', //input框输入内容
},
/**
* 搜索框搜索
*/
input1: function (e) {
var value = e.detail.value;
console.log(value);
this.setData({
searchValue: value,
});
},
search: function (e) {
var that = this;
var username = that.data.searchValue ;
console.log(username);
wx.request({
url: '接口URL?use