Estoy trabajando con Vue 3 y Bootstrap 5 .
Tengo una select con múltiples opciones. Ahora estoy mostrando mi option.TEXT y este value también se pasará a mis métodos cuando cambie algo. Pero quiero pasar la key (opción.ID) cuando cambio algo.
Pero también quiero que mi v-model sea mi opción. option.ID pero mostrando mi opción. option.TEXT .
¿Cómo puedo lograr esto sin verificarlo en los métodos mismos?
SELECCIONE:
<select class="form-select" v-model="value" @change="get_key()"> <option v-for="option in options" :key="option.ID"> {{ option.TEXT }} </option> </select>ARRAY DE OPCIONES:
[ { "ID": 1, "TEXT": "One" }, { "ID": 2, "TEXT": "Two" }, { "ID": 3, "TEXT": "Three" }, ]El valor del atributo de la option debe estar vinculado a la option.ID :
<select class="form-select" v-model="value" @change="get_key()"> <option v-for="option in options" :key="option.ID" :value="option.ID"> {{ option.TEXT }} </option> </select>