<!-- 第一次进入,选择变电站 -->
<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 列表搜索模糊查询相关推荐

  1. uniapp 自写模糊查询

    直接上代码吧,有大佬有更好的方法欢迎斧正 <template><view><view class="search"><input @inp ...

  2. 微信小程序搜索框实现模糊查询

    目录 前言 一.概述 二.步骤 三.效果展示 总结 前言 主要实现功能,无美化,如需请自设 一.概述 开发工具:微信开发者工具 通过对微信原生组件input绑定事件实现对已获取的列表元素模糊查询的操作 ...

  3. html实现模糊查询,用js实现模糊查询的几种方法

    今天在做项目的时候,遇到一个需求是对列表进行模糊查询.对于模糊查询,一般都是传关键字给后端,由后端来做.但是有时候一些轻量级的列表前端来做可以减少ajax请求,在一定程度上提高用户体验.我目前的情况恰 ...

  4. html搜索框 模糊搜索,前端js模糊搜索(模糊查询)

    1.html结构: /*查询结果放ul里面*/ 2.css样式: #searchShop { line-height: 28px; text-indent: 5px; width: 180px; fl ...

  5. 前端实现搜索功能和模糊查询

    前端实现搜索功能和模糊查询 功能介绍: 在前端实现搜索,获取数据部分可以用ajax来实现,动态生成li标签,正则表达式实现的模糊查询 js实现代码: // $("#BA_2307596970 ...

  6. Uni-app的Dcloud市场插件总结使用(一)下拉模糊查询

    Uni-app他来了,实现下拉模糊查询 1.先上效果看看与您想要的效果是否一样 2.一样的话,那下面我来教你,用ctrl+cv 附上Dcloud插件市场的地址 https://ext.dcloud.n ...

  7. mongodb 搜索速度_MongoDB 模糊查询慢的问题 以及相关解决方案的探索

    最近公司有一个项目,数据库用的是 MongoDB,其中一个 Collection 的有 1300 万条数据,需求中需要对这个 Collection 支持指定 field 和 keyword 的搜索功能 ...

  8. vue 搜索框模糊查询 + 优化(节流) + 关键字高亮

    直接上代码 HTML视图层代码 <template><!-- 模糊查询 + 节流 + 高亮 --><div><inputtype="text&quo ...

  9. mysql的搜索效率_Mysql模糊查询like效率,以及更高效的写法

    在使用msyql进行模糊查询的时候,很自然的会用到like语句,通常情况下,在数据量小的时候,不容易看出查询的效率,但在数据量达到百万级,千万级的时候,查询的效率就很容易显现出来.这个时候查询的效率就 ...

最新文章

  1. 标题在图表上_从零开始学Excel——标题和图例的设置(143)
  2. fedora10完全配置文档连接网址
  3. [转]自定义ASP.NET MVC JsonResult序列化结果
  4. 【华为云技术分享】【测试微课堂】DevOps敏捷测试之道
  5. oracle 12.2.0.1 使用 active dataguard broker 之二 switchover
  6. 【Android 异常】 Parcelable encountered IOException writing serializable object
  7. php不使用copy()函数复制文件的方法
  8. 苹果手机录屏软件_手机录屏软件哪个好 好用的手机录屏软件推荐
  9. 杭电oj部分新手入门题目全解(1089-1096)
  10. [渝粤教育] 武汉理工大学 人文物理 参考 资料
  11. Java枚举类配合Switch
  12. 《谁说菜鸟不会数据分析》数据处理 之 数据清洗--重复数据的处理
  13. 灵性图书馆:好书推荐-《在荷欧波诺波诺中遇见真正的自己》
  14. oracle报错 ORA-01722: 无效数字
  15. C++string字符串初始化与使用
  16. android陀螺仪惯导手机gps,推荐基于陀螺仪惯性导航的智能停车定位导航解决方案...
  17. 蓝桥杯嵌入式开发经验分享(1.嵌入式学习准备)
  18. HTMLday2旅途
  19. 基于Python实现制作的塔防游戏
  20. 汉家江湖永动机统计测试

热门文章

  1. day2-运算符和分支
  2. 深度揭密SSD中的原片-白片-黑片:莫贪小便宜
  3. 微信小程序(5)——如何制作好看的表格
  4. 移动web JavaScript,事件(touchstart,touchmove,touchend)
  5. 四川省知识产权贯标申报好处条件、材料
  6. 实习日记——Day24
  7. Netflix继续开源,更多猴子进入视野
  8. 银行理财产品怎么做引流?抖音上怎么做理财产品?
  9. python笔记(三):if循环语句
  10. Primitive Function 归一化方向角