uniapp 基于单选框多选框实现上拉触底多选/单选、回显

问题:在uniapp上 实现分页多选的操作

结果:可以传接口(接口只能post请求) 可以搜索 下面是结果图片展示 单选多选都可以

 头部标题 搜索参数 等等都是需要传值的

 

 下面是组件的完整代码

2.如何使用 多选

showPickerCheckbox弹层显示 label和value 类似下拉框的label和value一个意思 键和值

mode是控制的单选还是多选 true为多选默认值 其余参数 单选多选一样

fieldValue回显传的值 传的是字符串 数组的话[1,2]转为1,2格式传入

fieldName字段名 确定后会返回该字段名 根据字段名找对应的传入值

searchName搜索的字段名  headName标题名

// 这是动态表单的 多段
v-for='i in list'

点击确定的函数

		getMultipleResult(result, fieldName, closeName, index) {
				const str = result.join(',')
				this.form.list[index][fieldName] = str
				this.form.list[index][closeName] = false
			},