0
432
Vistas¿Cómo soluciono la visualización de elementos en la lista desplegable?
Tengo lista desplegable. Quiero poner " título 1234 " en primer lugar de la lista desplegable. Es importante que cuando se seleccione "título 1234", su valor sea 1234. ¿Cómo debo hacerlo?
Para conseguirlo así:
Ahora la lista se ve así:
Vue.createApp({ data: () => ({ model: 'title 1234', options: { 1234: 'title 1234', 1: 'title 1', 2: 'title 2', 3: 'title 3', 10: 'title 10', }, }) }).mount('#app') <div id="app"> <select v-model="model"> <option v-for="option in options"> {{ option }} </option> </select> <span>Value: {{ model }}</span> </div> <script src="https://unpkg.com/vue@next"></script> <script src="app.js"></script>
·
Santiago Trujillo
1 Respuestas
Responde la pregunta0
Puede usar un Map y su método .entries() para obtener tanto la clave como el valor en su bucle for-of
Vue.createApp({ data: () => ({ model: '1234', options: new Map([ [ 1234, 'title 1234' ], [ 1, 'title 1' ], [ 2, 'title 2' ], [ 3, 'title 3' ], [ 10, 'title 10' ], ]), }), }).mount('#app') <div id="app"> <select v-model="model"> <option v-for="[ key, value ] of options.entries()" :value="key"> {{ value }} </option> </select> <span>Value: {{ model }}</span> </div> <script src="https://unpkg.com/vue@next"></script> <script src="app.js"></script>
·
Santiago Trujillo
Denunciar
Responde la pregunta