Как проверить, все ли кнопки определенного типа или соответствуют критериям, а затем что-то сделать? - PullRequest
Новая
       7

Как проверить, все ли кнопки определенного типа или соответствуют критериям, а затем что-то сделать?

0 голосов
/ 24 сентября 2019

У меня есть функция импорта с шагами, я использую элемент пользовательского интерфейса и хочу на последнем шаге, когда все кнопки были нажаты, чтобы импортировать разделы, и все успешно, тогда я хочу завершить последний шаг, я делаюэто со счетчиком, как counter += 1.После успешного нажатия кнопки она отключается, поэтому пользователь не может загрузить одну и ту же вещь дважды

Количество кнопок определяется размером импорта, они разделены на 100 элементов на раздел, поэтому их количествоявляется динамическим.

Куда я добавляю кнопки 

<el-button
    :type="getStatus(index)" 
    :disabled="setDisabled(index)"
    :loading="loading"
    :ref="'btn'+ index"
    @click="sendData(piece, index)">Import
</el-button>

Используются эти методы 

setDisabled(index) {
    if (this.loading)
        return true;
    else if (this.statuses[index] === 1)
        return true;
    else
        return false;
},

getStatus(index) {
    let c = this.statuses[index];
    this.startDisabled();
    switch (c) {
        case 0:
            return "warning";
        case 1:
            return "success";
        case 2:
            return "danger";
    }
},
startDisabled() {
    this.startAgain = new Set(this.statuses).size == 1;
},

Это пример того, как я используюСчетчик для изменения шагов, чтобы завершить, следующая функция просто переходит к следующему шагу 

<el-button v-on:click="counter += 1" @click="next">
    Next Step
</el-button>

Мне бы хотелось, чтобы, когда все кнопки были либо отключены, либо были успешными (то же самое, но не знаючто было бы легче проверить), что последний шаг выглядит как завершенный.

...