Vue.js - Установите флажок, если в массивах

Question

Работа на представление, которое имеет флажков внутри v-цикл:

<ul class="object administrator-checkbox-list"> 
    <li v-for="module in modules"> 
     <label v-bind:for="module.id"> 
      <input type="checkbox" v-model="form.modules" v-bind:value="module.id" v-bind:id="module.id" v-if=> 
      <span>@{{ module.name }}</span> 
     </label> 
    </li> 
</ul> 

У меня также есть данные о «» форме (с использованием Laravels Спарк формы объекта) который имеет доступ к свойству currentModules, который состоит из отношения текущих ресурсов к таблице модулей.

Я ищу, чтобы проверить флажки, существующие в свойстве currentModules.

Пример данных модулей-х ", используемый в V-для данных:

[ 
    { 
     "id": 1, 
     "name": "Business", 
     "created_at": "2016-11-23 09:57:03", 
     "updated_at": "2016-11-23 09:57:03" 
    }, 
    { 
     "id": 2, 
     "name": "Houses", 
     "created_at": "2016-11-23 09:57:03", 
     "updated_at": "2016-11-23 09:57:03" 
    } 
] 

и данных из«»form.currentModules точно такой же формат. Как проверить флажки, если идентификатор модуля находится в currentModules, используя Vue?

Answer 1

Чтобы выбрать ящики, вы form.modules содержать идентификаторы выбранных элементов, то есть:

data: function() { 
    return { 
    form: { 
     modules: [1, 2] 
    }, 
    // ... 
    } 
} 

Заканчивать this bin увидеть пример :-)