**JSelectMultiple 字典下拉组件文档** [TOC] 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 | ## 效果展示 ![](https://img.kancloud.cn/80/cf/80cfa66ed1474a97e91db236df6245ae_657x191.png) ## 使用示例 ``` js 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'} ] } } ] ```