JSelectMultiple下拉多选 ✔
JSelectMultiple 字典下拉多选。
组件参数
参数 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
value(v-model) | string / array | '' | ||
placeholder | string | '请选择' | 占位回显 | |
readOnly | bool | false | 是否只读 | |
options | array | 多选项,如果dictCode参数未提供,可以设置此参数加载多选项 | ||
spliter | string | ',' | 选项分隔符,默认以逗号分隔 | |
popContainer | string | 父节点对应的CSS 选择器,内部使用document.querySelector 选择父节点,如设置.pnode ,则找到有class为pnode的节点然后渲染下拉框 | ||
dictCode | string | 字典编码 | ||
disabled | bool | 是否禁用 | ||
triggerChange | Boolean | true | 加载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'}
]
}
}
]