结构区:
<input
v-model="inputdata"
type="search"
placeholder="输入关键词进行搜索"
/>
<view class="right" @tap="getinputdata">搜索</view>
行为区:
data() {
return {
// 搜索框内容
inputdata: "",
listData: [],
}
},
methods: {
// 模糊搜索
async getinputdata() {
let that = this;
let data = { title: that.inputdata };//title为搜索关键字,后面绑定的是输入框的数据
let response = await **Service.list(data);//这里用接口从后端获取数据(搜索后的数据)
that.listData = response.data;
console.log("that.listData", that.listData);
},
}
是否用精确搜索还是模糊搜索,是后端决定的,前端只需要搜关键字,后端会自动给个返回值,这里接口用的和所有数据的接口是同一个