Из запроса GET я получаю ответ JOSN следующим образом:
[{"ключ":"ЖАЛОБА","значение":"Жалоба"},{"ключ":"DONATE_ENQ","значение":"Запрос на пожертвование"},{"ключ":"GENERAL_ENQ","значение" :"Общий запрос"},{"ключ":"ЧЛЕНСТВО_ENQ","значение":"Запрос о членстве"},{"ключ":"VOL_ENQ","значение":"Добровольческий запрос"}]
JS-код:
getEnquiry: function getEnquiry() {
this.applicant1.option_lookup = document.getElementById('hdnOptionsLookup').value;
var optionLookupName = this.applicant1.option_lookup;
axios.get("/TESTAPI/Lookup/Enquiry?optionLookupName=" + optionLookupName).then(function (response) {
this.applicant1.enquiry = response.data;
var test = this.applicant1.enquiry;
alert(test);
console.log(response.data);
this.loading = false;
}, function (error) {
console.log(error);
this.loading = false;
});
},
Переменная в JS определяется следующим образом:
applicant1: { enquiry: [{ key: "", value: "" },
{ key: "", value: "" },
{ key: "", value: "" },
{ key: "", value: "" },
{ key: "", value: "" }],
}
Я хочу отображать каждую пару ключей и значений в моем html следующим образом:
<div class="form-group" v-bind:class="{input_error:applicant1.enquiry_error}">
<select id="applicant1_enquiry" class="form-control" v-model="applicant1.enquiry">
<option :value="null">Select the reason for your enquiry</option>
<option v-for="enq in applicant1.enquiry" :value="enq.key">{{enq.value}}</option>
</select>
</div>
Но я не могу видеть значения в моем раскрывающемся списке. Кто-нибудь может помочь? Заранее спасибо.
