Как показать данные из массива объектов в списке?

Question

[Richard Millie]

Есть функция, которая получает массив policies[]:

getPolicies() {
                    let self = this;
                    HttpService.methods.get('/policies')
                        .then(function (response) {
                            self.policies = response.data.data
                            console.log(self.policies);
                        })
                        .catch(function (error) {
                            console.log(error);
                        })
                }

И есть такое чекбокс меню:

<div class="dropdown-checkbox form-group">
                    <label class="label-title"><p>Select</p></label>
                    <ul>
                      <li><label><input value="1"
                                        type="checkbox">1</label></li>
                      <li><label><input value="2"
                                        type="checkbox">2</label></li>
                      <li><label><input value="3"
                                        type="checkbox">3</label></li>
                    </ul>
                  </div>

Как показать данные из массива policies[] в меню для каждого элемента?

Answer 1

[McBernar]

Свяжите моделью или через v-for — не очень понимаю что именно должно быть списком — менюшки или чекбоксы.

Comments

[Richard Millie]

чекбоксы.

<template v-for="policy in policies">
                <input type="checkbox" v-bind:value="policy" v-model="selector">
                <label>{{policy.name}}</label><br>
              </template>

Вы это имеете ввиду? Вариант хороший, но у меня этих меню на сайте будет много, а тут когда я выбираю 1 и 2 галочку - они выбираются везде(во всех менюшках)

[Николай Чуприк]

Richard Millie, ну так для каждого меню должен быть свой массив.

[McBernar]

Richard Millie, конечно они должны быть уникальными в стейте. Как иначе-то? Вы же должны хранить каждый чекбокс отдельно.

Answer 2

[Николай Чуприк]

Читаем руководство по Vue