# JMultiSelectTag 多選組件 ## 組件功能 實現下拉/checkbox多選功能。 ## 示例代碼  ---- ```vue <template> <a-form> <a-form-item label="下拉多選" style="width: 300px"> <j-multi-select-tag v-model="selectValue" :options="dictOptions" placeholder="請做出你的選擇"> </j-multi-select-tag> {{ selectValue }} </a-form-item> <a-form-item label="checkbox"> <j-multi-select-tag v-model="checkboxValue" :options="dictOptions" type="checkbox"> </j-multi-select-tag> {{ checkboxValue }} </a-form-item> </a-form > </template> <script> import JMultiSelectTag from '@/components/dict/JMultiSelectTag' export default { components: {JMultiSelectTag}, data() { return { selectValue:"", checkboxValue:"", dictOptions:[{ label:"選項一", value:"1" },{ label:"選項二", value:"2" },{ label:"選項三", value:"3" }] } } } </script> ``` ## 參數配置 | 參數 | 類型 | 必填 |說明| |--------------|---------|----|---------| | placeholder |string | | placeholder | | disabled |Boolean | | 是否禁用 | | type |string | | 多選類型 select/checkbox 默認是select | | dictCode |string | | 數據字典編碼或者表名,顯示字段名,存儲字段名拼接而成的字符串,如果提供了options參數 則此參數可不填| | options |Array | | 多選項,如果dictCode參數未提供,可以設置此參數加載多選項 | | spliter |string| | 選項分隔符，默認以逗號分隔 | | popContainer|string| 非 | 父節點對應的CSS 選擇器,內部使用`document.querySelector`選擇父節點，如設置`.pnode`,則找到有class為pnode的節點然后渲染下拉框 |