uniapp 列表搜索模糊查询
<!-- 第一次进入,选择变电站 -->
<template><view> <!-- 正文 --><view class="content"><!--搜索--><view class="search"> <u-search placeholder="请输入关键字" shape="square" :show-action="false" @search="soushuo(station_name)" v-model="station_name"></u-search></view><SortPickerList ref="sortPickerList" @clickData="clickData"></SortPickerList></view></view>
</template>
<script>
import SortPickerList from "sortPickerList.vue"export default {components: {SortPickerList},data() {return {dataArr: [],}},// http配置请求onLoad() {// 获取用列表信息this.soushuo(this.station_name)},onReady() {var that = this// that.$refs["sortPickerList"].initPage(that.dataArr)},methods: { soushuo(station_name) { //模糊查询var that = thisconsole.log(station_name)this.$http.get('/接口名', {// 获取登录的用户Idstation_name: station_name, //查询用的企业名user_id: '35', //用户id}).then(res => {console.log(res)if (res.data.data) {this.dataArr = res.data.data} else {this.dataArr = []}console.log(this.dataArr)this.$refs["sortPickerList"].initPage(this.dataArr)if (res.result = 1) {this.username = res.data.username} else {uni.showToast({icon: 'none',title: res.data.msg})}})},clickData(data) {console.log('获取名:' + data.label)console.log('获取值:' + data.value)uni.navigateTo({url: `../页面名称?参数名=${data.value}`})}}}
</script>
仅供自己参考整理,不做他用
uniapp 列表搜索模糊查询相关推荐
- uniapp 自写模糊查询
直接上代码吧,有大佬有更好的方法欢迎斧正 <template><view><view class="search"><input @inp ...
- 微信小程序搜索框实现模糊查询
目录 前言 一.概述 二.步骤 三.效果展示 总结 前言 主要实现功能,无美化,如需请自设 一.概述 开发工具:微信开发者工具 通过对微信原生组件input绑定事件实现对已获取的列表元素模糊查询的操作 ...
- html实现模糊查询,用js实现模糊查询的几种方法
今天在做项目的时候,遇到一个需求是对列表进行模糊查询.对于模糊查询,一般都是传关键字给后端,由后端来做.但是有时候一些轻量级的列表前端来做可以减少ajax请求,在一定程度上提高用户体验.我目前的情况恰 ...
- html搜索框 模糊搜索,前端js模糊搜索(模糊查询)
1.html结构: /*查询结果放ul里面*/ 2.css样式: #searchShop { line-height: 28px; text-indent: 5px; width: 180px; fl ...
- 前端实现搜索功能和模糊查询
前端实现搜索功能和模糊查询 功能介绍: 在前端实现搜索,获取数据部分可以用ajax来实现,动态生成li标签,正则表达式实现的模糊查询 js实现代码: // $("#BA_2307596970 ...
- Uni-app的Dcloud市场插件总结使用(一)下拉模糊查询
Uni-app他来了,实现下拉模糊查询 1.先上效果看看与您想要的效果是否一样 2.一样的话,那下面我来教你,用ctrl+cv 附上Dcloud插件市场的地址 https://ext.dcloud.n ...
- mongodb 搜索速度_MongoDB 模糊查询慢的问题 以及相关解决方案的探索
最近公司有一个项目,数据库用的是 MongoDB,其中一个 Collection 的有 1300 万条数据,需求中需要对这个 Collection 支持指定 field 和 keyword 的搜索功能 ...
- vue 搜索框模糊查询 + 优化(节流) + 关键字高亮
直接上代码 HTML视图层代码 <template><!-- 模糊查询 + 节流 + 高亮 --><div><inputtype="text&quo ...
- mysql的搜索效率_Mysql模糊查询like效率,以及更高效的写法
在使用msyql进行模糊查询的时候,很自然的会用到like语句,通常情况下,在数据量小的时候,不容易看出查询的效率,但在数据量达到百万级,千万级的时候,查询的效率就很容易显现出来.这个时候查询的效率就 ...
最新文章
- 标题在图表上_从零开始学Excel——标题和图例的设置(143)
- fedora10完全配置文档连接网址
- [转]自定义ASP.NET MVC JsonResult序列化结果
- 【华为云技术分享】【测试微课堂】DevOps敏捷测试之道
- oracle 12.2.0.1 使用 active dataguard broker 之二 switchover
- 【Android 异常】 Parcelable encountered IOException writing serializable object
- php不使用copy()函数复制文件的方法
- 苹果手机录屏软件_手机录屏软件哪个好 好用的手机录屏软件推荐
- 杭电oj部分新手入门题目全解(1089-1096)
- [渝粤教育] 武汉理工大学 人文物理 参考 资料
- Java枚举类配合Switch
- 《谁说菜鸟不会数据分析》数据处理 之 数据清洗--重复数据的处理
- 灵性图书馆:好书推荐-《在荷欧波诺波诺中遇见真正的自己》
- oracle报错 ORA-01722: 无效数字
- C++string字符串初始化与使用
- android陀螺仪惯导手机gps,推荐基于陀螺仪惯性导航的智能停车定位导航解决方案...
- 蓝桥杯嵌入式开发经验分享(1.嵌入式学习准备)
- HTMLday2旅途
- 基于Python实现制作的塔防游戏
- 汉家江湖永动机统计测试