Я новичок в программировании.
Есть задача сгенерировать данные для такого дизайна:
Я оформил черновик(так сказать) следующим образом:
<div class="form_box" v-for="(i, index, item) in quantity_form_box" :key="item">
<h3 class="h3_2" v-for="i in 1">
{{}}
</h3>
<div class="select_box">
<span class="label">
lklk
</span>
<div class="select_1">
dfgkj
<i class="select_button"></i>
</div>
</div>
<!-- <div class="select_box"> end -->
<a href="#" class="a_button_1">
dsfsdfgd;fg
</a>
</div>
<!-- <div class="form_box"> end -->
<script>
export default {
data: function() {
return {
quantity_form_box: [{
form_box: [{
h3: 'sdfgsdf',
select_box: [{
select_box_label: [{
select_box_label_text: 'Von'
},
{
select_box_label_text: 'Nach'
},
],
select_text: [{
select_default_text: 'Bitte PLZ angeben'
},
{
select_default_text: 'Bitte PLZ angeben'
},
],
}, ],
a_button: [{
a_button_curent: [{
a_button_text: 'ANFRAGE STARTEN',
a_button_class: 'a_button_1',
a_button_link: '#',
}, ],
a_button_curent: [{
a_button_text: 'BEWERBUNG STRATEN',
a_button_class: 'a_button_2',
a_button_link: '#',
}, ],
}],
}],
}, ],
}
}
}
</script>
Вопросы:
Не удается вытащить данные например даже из H3 ключа во вложенном массиве.
Каков синтаксис данного запроса?
Код (js) мне интуитивно кажется очень громоздким и сложным.
Слишком много уровней вложенности.
Буду благодарен за советы относительно того, как примерно надо его оформлять в таких ситуациях.. Ссылки на правильные примеры и пр.
for (var i in obj) console.log(i+"="+obj[i]);
а это работает?