Tengo una selección y opciones en mi formulario, pero me gustaría completar previamente la selección con datos seleccionados antiguos, pero parece que no puedo hacer que funcione.
Aquí está mi código
<select name="holding_id" v-model="service.holding_id"> <option value="">Select a holding group</option> <option v-for="holding in holdings" v-bind:key="holding.id" v-bind:value="holding.id"> {{ holding.holding_name }} </option> </select>Estoy pensando que usar el ternario de javascript tendría sentido
Puedes probar como el siguiente fragmento:
new Vue ({ el: "#demo", data() { return { holdings: [{id: 1, holding_name: 'aaa'}, {id: 2, holding_name: 'bbb'}, {id: 3, holding_name: 'ccc'}], service: {holding_id: 2} } } }) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="demo"> <select name="holding_id" v-model="service.holding_id || ''"> <option value="" disabled>Select a holding group</option> <option v-for="holding in holdings" v-bind:key="holding.id" v-bind:value="holding.id"> {{ holding.holding_name }} </option> </select> </div>