Vue js, Element Ui Checkbox, проставить все значения по умолчанию

подскажите пожалуйста как проставить все значения по умолчанию в компоненте Checkbox. Делал таким способом. В принципе работает. Но сейчас появилась нужда использовать подобный компонент, но со списком значений в массиве на 200 штук. И мой способ уже не подходит, да и данные обновляются динамически. Может есть какой то способ установить флаг отображения всех значений. (На скриншоте element ui который использовал)

<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll"
    @change="handleCheckAllChange">Убрать все
</el-checkbox>

<el-checkbox-group v-model="checkedType" @change="handleCheckedChange">
<el-checkbox v-for="(typePhoto, index) in typePhotos" :label="index+1"
             :key="typePhoto">{{typePhoto}}
</el-checkbox>
</el-checkbox-group>

const partFace = ['Горло', 'Нос', 'Глаза', 'Фото без маски'];
let app = new Vue({
data: {

                checkAll: true,
                typeImage: [],
                checkedType: [1, 2, 3, 4], //предзаполненный массив для корректного отображения фильтра
                typePhotos: partFace,
                isIndeterminate: false,
            },
methods: {

                handleCheckAllChange(val) {
                    this.checkedType = val ? [1, 2, 3, 4] : [];
                    this.isIndeterminate = false;
                },
                handleCheckedChange(value) {
                    let checkedCount = value.length;
                    this.checkAll = checkedCount === this.typePhotos.length;
                    this.isIndeterminate = checkedCount > 0 && checkedCount < this.typePhotos.length;
                },
)}

введите сюда описание изображения


Ответы (0 шт):