I've a vue application. My code:

console.log('1')
document.getElementById('loader').style.visibility = 'visible'
this.encrypted = CryptoJS.AES.encrypt(JSON.stringify(this.em), this.pd).toString();
console.log(this.encrypted)
document.getElementById('loader').style.visibility = 'hidden'
console.log('2')

I tried it with classbind, async await, v-if directives etc. the console.logs are in order so the consol.log('2') is logged at last, and waiting for this.encrypted to be resolved.

What i want is that the #loader is styled during the function, before the execution of this.encrypted and afterwards.