Cannot "break" loop in VueJS

Asked Jun 21 '19 at 14:01

Active Jun 21 '19 at 14:04

Viewed 3,774 times

Problem

I'm trying to loop through an array of Elements in VueJS and return the first one that does not have a given class. However, whenever I use Break, Vue refuses to compile

Code

let section = null;

this.sectionList.forEach(s => {
    if(!s.classList.contains('complete')){
       section = s;
       break;
    }
});

return section;

The Error

app.js:73816 Uncaught Error: Module build failed: SyntaxError: C:/Users/Lewis/homestead/projects/bookitzone/resources/js/frontend/components/sections/form-section.vue: Unsyntactic break (72:20)

asked Jun 21 '19 at 14:01

Lewis

3,479
25
40

Fair enough. I though this was Vue related. Thanks for the links. – Lewis Jun 21 '19 at 14:06
1

Vue is just a javascript framework, so the same things apply (at least in this case) as with javascript... – random_user_name Jun 21 '19 at 14:10
you should use `return` instead of `break`. and btw this is just js its not related to vuejs – eli chen Jun 21 '19 at 14:21
let section = null; this.sectionList.forEach(s => { if(!s.classList.contains('complete')){ section = s; return true } }); return section; – Jesvin Apr 21 '22 at 05:18

Cannot "break" loop in VueJS

Problem

Code

The Error

0 Answers0