Component_Select.md

XNSelect

This component is based on the NSelect component of Naive-UI.

---

Usage

For more details, please refer to the Demo.

Template Style：

Notes: Since this is just a syntax sugar for the options property (there will be a certain performance loss), so that you can't compose XNSelectOption and XNSelectOptionGroup with other elements.

<template>
  <x-n-select>
    <x-n-select-option value="1">Option A</x-n-select-option>
    <x-n-select-option value="2">Option B</x-n-select-option>
    <x-n-select-option value="3">Option C</x-n-select-option>
  </x-n-select>
</template>

Scoped Slots：

<script setup>
  const options = [
    { value: '1', label: 'A' },
    { value: '2', label: 'B' },
    { value: '3', label: 'C' }
  ];
</script>
<template>
  <x-n-select :options="options">
    <template #render-label="{ option }">
      <div>{{ 'Option ' + option.label }}</div>
    </template>
  </x-n-select>
</template>

---

API

XNSelect Props:

For other props, please see Naive-UI documentation.

XNSelect Slots:

Name	Type	Description	Version
default		The content inside select.	0.2.0
render-label	{ option, label, value, selected }	Custom option label.	0.2.0
render-option	{ node, option, selected }	Custom option node.	0.2.0
render-tag	{ option, close }	Custom tag.	0.2.0

For other slots, please see Naive-UI documentation。

XNSelect Methods:

Name	Type	Description	Version
getData	() => { options: Array }	Get data.	0.7.0

For other methods, please see Naive-UI documentation.

XNSelectOption Props:

Name	Type	Default	Description	Version
label	string		Label of the option.	0.7.0
value	string | number		Value of the option.	0.7.0
disabled	boolean	false	Whether to disable the option.	0.7.0

XNSelectOption Slots:

Name	Type	Description	Version
default		Custom displayed label.	0.7.0

XNSelectOptionGroup Props:

Name	Type	Default	Description	Version
label	string		Label of the group.	0.7.0

XNSelectOptionGroup Slots:

Name	Type	Description	Version
default		The content inside group.	0.7.0
label		Custom displayed label.	0.7.0