uniapp uview 页面多个select组件回显处理，默认选中

 

 

				商品分类
				
					
					
					
				
			
			
				商品等级
				
					
					
					
				
			

选择框 

 select所需要的数据

selectShow: false,
list: [],
typeList: [{
				value: 1,
				label: "一级"
			},
			{
				value: 2,
				label: "二级"
			},
			{
				value: 3,
				label: "三级"
			}
		],
categoryList: [],
//记录第几个点开的select框
selectIndex: 1,
//选中的下标
defaultValue: [],

      selectClick(index) {
				this.selectIndex = index

				if (index == 1) {
					this.list = this.categoryList
					this.echoFun(this.query.category_id)
				} else {
					this.list = this.typeList
					this.echoFun(this.query.type)
				}
				this.selectShow = true
			},
			confirmSelectClick(e) {
				if (this.selectIndex == 1) {
					this.query.category_id = e[0].value
				} else {
					this.query.type = e[0].value
				}
			},
			// 回显到input上面
			echoInputFun(list, value) {
				if (!value) return
				let text
				list.map(item => {
					if (item.value == value) {
						text = item.label
					}
				})
				return text
			},
			// 回显到select表上面
			echoFun(value) {
				this.list.map((item, index) => {
					if (item.value == value) {
						this.defaultValue = [index]
					}
				})
			},