Can Vue use setTimeout in a template?

Question

Vue.js

:class="!$store.state.isOverlay ? 'scroll-y' : ''
Is it possible to somehow set setTimeout to class bind, so that, for example, it only works in a second?

Answer 1

setTimeout returns the id of the timer. Thus, using it in a template, you will immediately get a true-like value. And the class will hang.
Make the class appear depending on the value of the property in data, by default the property is false, and in the mounted setTimout, in which you change this property to true - the class will be updated.
Documentation example: Working with classes and styles