¿Cómo agregaría un valor predeterminado a esta plantilla? el valor predeterminado sería la primera opción en la lista que es 'Seleccione...'
<template #dropDownSelection="{ props }"> <td colspan="1"> <select id="IvrElementId" v-model="props.dataItem[props.field]" @change="inputChanged(props)" > <option v-for="option in findFilterOptions(props.field)" :key="option.Value" :value="option.Value" > {{ option.Text }} </option> </select> </td> </template>esta es la respuesta.datos
0: {Text: 'Please Select...', Value: '0', Description: null, Selected: false, Active: false, …} 1: {Text: 'Hang Up Start (Default) (Default Page)', Value: '2', Description: null, Selected: false, Active: false, …} 2: {Text: 'Hold Start (Default) (Default Page)', Value: '1', Description: null, Selected: false, Active: false, …} 3: {Text: 'VQ Start (Virtual Queue Page)', Value: '6', Description: null, Selected: false, Active: false, …}Gracias por esto, resulta que solo necesitaba incluir esto en mi método addRecord...
addRecord: function () { const dataItem = { inEdit: true, changed: true, Active: true, //0 = Please Select... CampaignId: 0, IvrId: 0, ListId: 0, TagIds: [] };Qué pasa
<option v-for="option in findFilterOptions(props.field)" :key="option.Value" :value="option.Value" :selected="option.Value === '0' ? 'selected' : null" > {{ option.Text }} </option> También puede establecer el atributo selected en la opción 0 en true y usar ese en lugar de option.Value