¿Cómo puedo simplificar este cambio? ¿Hay una manera más fácil de escribir un interruptor como ese? O volver como en el switch dependiendo de los 5 casos que tenga?
data() { return { stepOneIsCompleted: false, stepTwoIsCompleted: false, stepThreeIsCompleted: false, stepFourIsCompleted: false, stepFiveIsCompleted: false, }; }, updateViewEditVisibility(step, status) { switch (step) { case 1: status === 200 ? this.stepOneIsCompleted = true : this.stepOneIsCompleted = false; break; case 2: status === 200 ? this.stepTwoIsCompleted = true : this.stepOneIsCompleted = false; break; case 3: status === 200 ? this.stepThreeIsCompleted = true : this.stepOneIsCompleted = false; break; case 4: status === 200 ? this.stepFourIsCompleted = true : this.stepOneIsCompleted = false; break; case 5: status === 200 ? this.stepFiveIsCompleted = true : this.stepOneIsCompleted = false; break; } },Cabe mencionar que enviaré esos valores como accesorios. ¿No podría hacer una matriz, por ejemplo, mirarla según el paso y asignarle un valor?
data() { return { stepCompleted: [ false, //stepOneIsCompleted false, //stepTwoIsCompleted false, //... false, false ] } } ... updateViewEditVisibility(step, status) { this.stepCompleted[step] = status === 200; }