【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中的复选框设置为选中。