【Vuesax】如何使用对象数组让复选框“预选中”?

<div class="mt-4">
        <ul>
          <li
            v-for="(r, i) in roles"
            :key="i"
            class="inline-block mr-4 mb-4"
          >
            <vs-checkbox
              v-model="user.groups"
              :vs-value="r"
            >
              {{r.name}}
            </vs-checkbox>
          </li>
        </ul>
      </div>

我需要从API调用(role)中填充一个复选框列表，并且我需要将数组user.group中的复选框设置为选中。

发布于 2020-10-20 18:21

共1个回答

游客ecqXMk

<ul>
          <li
            v-for="role in roles"
            :key="role.id"
            class="inline-block mr-4 mb-4"
          >
            <vs-checkbox
              v-model="groups"
              :vs-value="role.name"
            >
              {{role.name}}
            </vs-checkbox>
          </li>
        </ul>

其中：

this.groups = this.user.groups.map(group => group.name);

发布于 2020-10-20 18:22

回答问题

677 阅读

1 回答

0 赞

【Vuesax】 如何使用对象数组让复选框“预选中”?

【Vuesax】如何使用对象数组让复选框“预选中”?