Значение по умолчанию Vue3 в параметрах выбора

#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: []    };