下拉框

下拉选择框

基础用法

<cb-form-group label="演示：">
  <cb-select v-model="test1">
    <option value="1">选项1</option>
    <option value="2">选项2</option>
    <option value="3">选项3</option>
  </cb-select>
</cb-form-group>

禁用状态

<cb-form-group label="演示：">
  <cb-select v-model="test2" disabled>
    <option value="1">选项1</option>
    <option value="2">选项2</option>
    <option value="3">选项3</option>
  </cb-select>
</cb-form-group>

基础多选

<cb-form-group label="演示：">
  <cb-select-plus v-model="test3" multiple>
    <option value="1">选项1</option>
    <option value="2">选项2</option>
    <option value="3">选项3</option>
  </cb-select-plus>
</cb-form-group>

属性

参数 说明 类型 可选值 默认值
v-model 绑定值 string / number — —
disabled 是否禁用 boolean — false

cb-select-plus 属性

参数 说明 类型 可选值 默认值
multiple 是否多选 boolean — false
width 组件宽度，单位像素 number / string — —
options 下拉框的内容，也可以直接使用 <option> 来定义下拉框的选项。 array — —
config select-plus 的其他选项，具体内容请参考 select2 类库的文档: https://select2.org/configuration/options-api object — —