有没有办法将引导复选框组的默认值设置为true？

Question

我有一个复选框组，其中包含绑定到数组的 21 个复选框。 目前默认情况下它们都是未选中的，但我希望将它们全部选中。 查看文档，似乎 checked="true" 方法仅在您使用单独的复选框时才有效。 当它是一个复选框组时，我怎样才能完成这个任务？

<b-row>
  <b-col lg="2" class="mb-3">
    <b-form-checkbox-group stacked v-if="selectedPropertyId && tableLayout" v-model="visibleFieldKeys" :options="fields.slice(0,7)" text-field="label" value-field="key" inline/>
  </b-col>
  <b-col lg="2" class="mb-3">
    <b-form-checkbox-group stacked v-if="selectedPropertyId && tableLayout" v-model="visibleFieldKeys" :options="fields.slice(7,14)" text-field="label" value-field="key" inline/>
  </b-col>
  <b-col lg="2" class="mb-3">
    <b-form-checkbox-group stacked v-if="selectedPropertyId && tableLayout" v-model="visibleFieldKeys" :options="fields.slice(14,21)" text-field="label" value-field="key" inline/>
  </b-col>
</b-row>

我尝试将值手动插入到数组中，但这没有执行任何操作，而且它并不是漂亮的代码。

visibleFieldKeys: [true, true, true, true, true, true, true, true, true, true, true, true, true, true, true, true, true, true, true, true,]

Answer 1

问题是

visibleFieldKeys

不应包含布尔值。 但是复选框的值。 在本例中，这将是

key

数组中对象的

fields

属性。

因此，您可以映射字段并创建一个包含所有键的新数组，并将其分配给

visibleFieldKeys

visibleFieldKeys: fields.map(f => f.key]