JMultiSelectTag 多选组件

下拉/checkbox

1.参数配置

参数类型必填说明
placeholderstringplaceholder
disabledBoolean是否禁用
typestring多选类型 select/checkbox 默认是select
dictCodestring数据字典编码或者表名,显示字段名,存储字段名拼接而成的字符串,如果提供了options参数 则此参数可不填
optionsArray多选项,如果dictCode参数未提供,可以设置此参数加载多选项

2.使用示例

  1. <template>
  2.   <a-form>
  3.     <a-form-item label="下拉多选" style="width: 300px">
  4.       <j-multi-select-tag
  5.         v-model="selectValue"
  6.         :options="dictOptions"
  7.         placeholder="请做出你的选择">
  8.       </j-multi-select-tag>
  9.       {{ selectValue }}
  10.     </a-form-item>
  12.     <a-form-item label="checkbox">
  13.       <j-multi-select-tag
  14.         v-model="checkboxValue"
  15.         :options="dictOptions"
  16.         type="checkbox">
  17.       </j-multi-select-tag>
  18.       {{ checkboxValue }}
  19.     </a-form-item>
  20.   </a-form >
  21. </template>
  23. <script>
  24.   import JMultiSelectTag from '@/components/dict/JMultiSelectTag'
  25.   export default {
  26.     components: {JMultiSelectTag},
  27.     data() {
  28.       return {
  29.         selectValue:"",
  30.         checkboxValue:"",
  31.         dictOptions:[{
  32.           label:"选项一",
  33.           value:"1"
  34.         },{
  35.           label:"选项二",
  36.           value:"2"
  37.         },{
  38.           label:"选项三",
  39.           value:"3"
  40.         }]
  41.       }
  42.     }
  43.   }
  44. </script>