uniapp 列表搜索模糊查询

àì夳堔傛蜴生んèń 2021-09-07 06:06 2527阅读 0赞

<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 = this
    				console.log(station_name)
    				this.$http.get('/接口名', { 
    					// 获取登录的用户Id
    					station_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>
    仅供自己参考整理，不做他用

发表评论取消回复

表情：

评论列表（有 0 条评论，2527人围观）

还没有评论，来说两句吧...

相关阅读

相关数组搜索模糊查询（四）

被搜索的数据类型为数组包数组包对象,如： ![20201209165230913.png][] //数组模糊搜索 row--val值 arr--数组数据

Bertha 。/ 2022年12月27日 08:41/ 0 赞/ 142 阅读

相关简易模糊搜索

用于搜索商品名 <template> <div> <input type="text" placeholder="商品名称" v-mode

深碍√TFBOYSˉ_/ 2022年11月15日 11:43/ 0 赞/ 195 阅读

相关 elasticSearch查询数据，模糊搜索无法查询出来

背景： es在查询数据的时候，使用a字段查询可以看到b字段是有内容的，但是模糊匹配b字段，是查询不到数据的。复现事件经过第一种正常： select \ fro

悠悠/ 2022年10月06日 08:53/ 0 赞/ 337 阅读

相关 egg(七):实现列表的模糊查询

前言：列表数据系列增删改查的查询实现实现步骤： 1、路由配置： / 路由配置 @param app /

分手后的思念是犯贱/ 2022年09月14日 14:22/ 0 赞/ 285 阅读

相关 python模糊查询reslist,组Python列表元素

![Image 1][] I have a python list as follows: my\_list = \[\[25, 1, 0.65\], \[25, 3,

小咪咪/ 2022年08月30日 06:18/ 0 赞/ 178 阅读

相关 Android 模糊搜索

在Android移动端开发过程中，列表展示是咱们经常使用的一种展现方式。这个时候就可能有如下情况出现了，比如说现在咱们列表里面的项还是相当可观的，而且咱们只想快速

女爷i/ 2022年05月26日 09:58/ 0 赞/ 329 阅读

相关 Android 搜索框的实时查询/模糊查询

参考 http://www.cnblogs.com/jeffen/p/6958235.html http://blog.csdn.net/ljd4305/article/d

骑猪看日落/ 2022年04月16日 06:56/ 0 赞/ 673 阅读

相关数组搜索模糊查询（三）

//数组模糊搜索 array 二维数组 feature搜索的字段（键名） val值 function findarrays(ar, feature, v)

矫情吗；*/ 2022年02月26日 01:18/ 0 赞/ 530 阅读

相关 zTree 模糊搜索

/\\ \ 搜索树，高亮显示并展示【模糊匹配搜索条件的节点s】 \ @param treeId \ @param searchConditionId 搜索条件Id

古城微笑少年丶/ 2021年11月13日 21:56/ 0 赞/ 348 阅读

相关 uniapp 列表搜索模糊查询

<template> <view>

àì夳堔傛蜴生んèń/ 2021年09月07日 06:06/ 0 赞/ 2528 阅读