<template>
<view class="container">
<view class="f1">
<uni-icons @click="goBack" type="back" size="50rpx" color="#fff"></uni-icons>
<uni-search-bar class='search' v-model="utitle" @confirm="doConfirm" @input="doInput" placeholder="请输入搜索内容"/>
</view>
<view class="f2">
<text class="no-data" v-show="onshow">没有搜索到相关商品</text>
<uni-list>
<uni-list-item
v-for="(p,i) in plist"
:key="i"
:thumb="p.ucover"
thumbSize="lg"
:ellipsis="1"
:to="`/pages/list/list?uid=${p.uid}`"
link
:title="p.utitle"></uni-list-item>
</uni-list>
</view>
<view class="f3">
<uni-card title="搜索建议" is-full&g
uniapp项目中搜索框的实现
最新推荐文章于 2024-07-22 16:05:08 发布
本文介绍了如何在uni-app项目中实现一个搜索框,包括使用uni-search-bar组件、监听输入和确认事件,以及展示搜索结果。同时展示了如何通过uni-tag组件提供搜索建议,并通过点击标签更新搜索内容。
摘要由CSDN通过智能技术生成