Vue2 несколько V-для сценария - PullRequest
Новая
       11

Vue2 несколько V-для сценария

0 голосов
/ 05 июля 2018

Объект roleList будет иметь следующий массив: 

{
  groupName: Client Login,
  roleID: 1,
  roleName: View Own Profile,
  roleChecked: false
},
{
  groupName: Client Login,
  roleID: 1,
  roleName: View Own Invoices,
  roleChecked: false
},
{
  groupName: Client Management,
  roleID: 1,
  roleName: View Clients,
  roleChecked: true
},
{
  groupName: Client Management,
  roleID: 1,
  roleName: Create Client,
  roleChecked: false
}

Я хочу, чтобы groupName был заголовком раздела со списком ролей под этим именем группы. groupName и roleName являются флажками, поэтому, если щелкнуть groupName, все соответствующие роли также будут отмечены. Если одна из ролей не отмечена, groupName также снимает флажок. roleChecked - это просто флажок по умолчанию (нажата или не нажата).

Таким образом, пример будет:

[] Вход для клиентов

[] Просмотреть собственный профиль

[] Просмотр собственных счетов

Я пытаюсь понять, как структурировать v-for и поведение флажка с помощью Vue2. Я могу добавить роли и группы позже, поэтому мне нужно, чтобы это было динамичным.

...