跳到主要内容

JSelectMultiple下拉多选 ✔

JSelectMultiple 字典下拉多选。

组件参数

参数类型必填默认值说明
value(v-model)string / array''
placeholderstring'请选择'占位回显
readOnlyboolfalse是否只读
optionsarray多选项,如果dictCode参数未提供,可以设置此参数加载多选项
spliterstring','选项分隔符,默认以逗号分隔
popContainerstring父节点对应的CSS 选择器,内部使用document.querySelector选择父节点,如设置.pnode,则找到有class为pnode的节点然后渲染下拉框
dictCodestring字典编码
disabledbool是否禁用
triggerChangeBooleantrue加载change

效果展示

使用示例

const schemas: FormSchema[] = [
{
field: 'jsm',
component: 'JSelectMultiple',
label: '字典下拉多选',
helpMessage: ['component模式'],
componentProps: {
dictCode: 'sex',
triggerChange:true
},
},
{
field: 'jsm1',
component: 'JSelectMultiple',
label: '字典下拉多选',
helpMessage: ['component模式'],
componentProps: {
options: [
{label:'一年级',value:'1'},
{label:'二年级',value:'2'},
{label:'三年级',value:'3'}
]
}
}
]