Select

Select

下拉选择器。

说明

组件API详细内容请参考：https://www.antdv.com/components/select-cn

新增属性

• 属性说明：

使用方法

• 代码示例：

  // 在script标签中按需引入
  import { Select } from '@jecloud/ui';
  export default {
    components: { Select },
    setup() {
        const selectValue = ref('');
        const items = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
        const options = ref(items.map((item) => ({ label: 'item' + item, value: item.toString() })));
        return { selectValue };
    },
  };
  // 在vue的template标签中
  <Select multiple :options="options" v-model:value="selectValue" />

• 事件脚本示例：

  const { Select } = JE.useUi();
  const { h, ref }= JE.useVue();
  const selectValue = ref('');
  const items = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
  const options = ref(items.map((item) => ({ label: 'item' + item, value: item.toString() })));
  return h(Select, {options: options, value: selectValue.value,getPopupContainer: () => document.body});

• 注意：
  editable，multiple配置项起效后，将会影响mode选择模式