fix: replace USelect with USelectMenu for better compatibility
- Change from USelect to USelectMenu for database and table selection - Add value-attribute and option-attribute props for proper rendering - Improves dropdown functionality and user experience
This commit is contained in:
@@ -14,23 +14,27 @@
|
||||
<div class="flex flex-col gap-4">
|
||||
<!-- Database Selector -->
|
||||
<UFieldGroup label="Base de datos">
|
||||
<USelect
|
||||
<USelectMenu
|
||||
v-model="selectedDatabaseId"
|
||||
:options="databaseOptions"
|
||||
placeholder="Seleccionar base de datos"
|
||||
:loading="loadingDatabases"
|
||||
:disabled="loadingDatabases"
|
||||
value-attribute="value"
|
||||
option-attribute="label"
|
||||
/>
|
||||
</UFieldGroup>
|
||||
|
||||
<!-- Table Selector -->
|
||||
<UFieldGroup label="Tabla" v-if="selectedDatabaseId">
|
||||
<USelect
|
||||
<USelectMenu
|
||||
v-model="selectedTableId"
|
||||
:options="tableOptions"
|
||||
placeholder="Seleccionar tabla"
|
||||
:loading="loadingTables"
|
||||
:disabled="loadingTables || !selectedDatabaseId"
|
||||
value-attribute="value"
|
||||
option-attribute="label"
|
||||
/>
|
||||
</UFieldGroup>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user