1***@qq.com
1***@qq.com
  • 发布:2022-09-22 18:27
  • 更新:2022-09-22 18:27
  • 阅读:242

v-show和v-for用在用一个元素上,实现input搜索功能

分类:uni-app
<van-field class="date-selector" v-model="search.kdgtName" placeholder="请输入搜索内容" /> <van-cell v-show="item.name.includes(search.kdgtName)" key="i" v-for="(item,i) in kdgtNameList"
class="date-item"
@click="setkdgtName(item)">
<span class="item-text">{{item.name}}</span>
</van-cell>
通过 v-show和 v-for以及includes的使用,实现input搜索功能。
注意:这只适合数据量较少的情况下。

固定定位下的水平垂直居中,可以试一试:
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;

0 关注 分享

要回复文章请先登录注册