更新记录
1.0.6(2024-07-01) 下载此版本
解决搜索时不清空的问题
1.0.5(2024-06-18) 下载此版本
将upx改为px
1.0.4(2024-06-13) 下载此版本
完善查询问题
查看更多平台兼容性
search-select:带搜索的下拉选择框
1、使用示例(可以放在表单中)
<search-select v-model="formData.workId" v-model:modelText="formData.content" placeholder="工作内容(必填)"
:localdata="jobList" @change="jobChange">
</search-select>
2、参数如下
// 接收参数
defineProps({
modelValue: { type: [String, Array] }, // 下拉选中值
modelText: { type: [String, Array] }, // 下拉选中文本,表单提交需要文本时使用,会很方便
disabled: { type: Boolean, default: true }, // 文本框是否禁用
placeholder: { type: String, default: '请选择', }, // 输入框placeholder
localdata: { type: Array, default: () => [] }, // 展示的数据
map: {
type: Object,
default: { text: 'name', value: 'id' } // localdata中的主键和内容字段
},
checkboxModel: { type: String, default: 'list' }, // 单项展示模式
multiple: { type: Boolean, default: false } // 单选复选
});
3、值和文本
单选时,值和文本都是字符串;
复选时,值和文本都是数组。
4、change事件
点击确定时触发,参数为localdata中选中的行数据,多选时,为数组格式。