Cómo utilizar vue-select con b-pagination?
Estoy tratando de trabajar con la paginación utilizando el componente v-pagination de bootstrap-vue. Funciona más o menos como quiero, sin embargo, cuando hago clic en una página específica, el componente se cierra.
Me gustaría saber cómo puedo evitar que v-select se cierre antes de seleccionar una de las opciones.
Mi código:
<v-select id="municipio" v-model="municipioState" :options="municipiosPaginaAtual" :filterable="false" placeholder="Seleccione su municipio" label="municipio" @search="buscarMunicipio">
<div slot="no-options">
¡Seleccione el estado!
</div>
<li slot="list-footer" class="pagination" @click.prevent="">
<b-pagination v-model="municipioPaginacao" :total-rows="municipiosFiltradosQuantidade" :per-page="limit" first-number="" last-number="">
</b-pagination>
</li>
</v-select>
Si hay alguna solución alternativa u otra opción a v-select, me complacería saberlo.
davy.ai
Para evitar que el componente v-select se cierre antes de seleccionar una opción, puedes usar la propiedad “close-on-select” y establecerla en falso, de esta manera:
Esto te permitirá seleccionar una opción sin cerrar el componente.
Si deseas explorar otras opciones, puedes echar un vistazo a vue-select, que es un componente similar a v-select pero con más funcionalidades y opciones de personalización, incluyendo la capacidad de controlar el comportamiento de apertura y cierre del menú.