#vue.js #select #vuejs3 #option
#vue.js #выбирать #vuejs3 #вариант
Вопрос:
как бы я добавил значение по умолчанию в этот шаблон. значение по умолчанию будет первым вариантом в списке, который » Пожалуйста, выберите…»
lt;template #dropDownSelection="{ props }"gt; lt;td colspan="1"gt; lt;select id="IvrElementId" v-model="props.dataItem[props.field]" @change="inputChanged(props)" gt; lt;option v-for="option in findFilterOptions(props.field)" :key="option.Value" :value="option.Value" gt; {{ option.Text }} lt;/optiongt; lt;/selectgt; lt;/tdgt; lt;/templategt;
это и есть ответ.данные
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, …}
Ответ №1:
Что о
lt;option v-for="option in findFilterOptions(props.field)" :key="option.Value" :value="option.Value" :selected="option.Value === '0' ? 'selected' : null" gt; {{ option.Text }} lt;/optiongt;
Вы также можете установить значение selected
attr в параметре 0 true
и использовать его вместо option.Value
Ответ №2:
Спасибо за это, оказывается, мне просто нужно было включить это в свой метод добавления…
addRecord: function () { const dataItem = { inEdit: true, changed: true, Active: true, //0 = Please Select... CampaignId: 0, IvrId: 0, ListId: 0, TagIds: [] };