Using Vue3 composition API. How do I make watched to work immediately. The following code doesn’t work.
JavaScript
x
9
1
watch((immediate=true) => props.isOpen, () => {
2
if (props.isOpen && props.preventBackgroundScrolling) {
3
document.body.style.setProperty('overflow', 'hidden')
4
} else {
5
document.body.style.removeProperty('overflow')
6
}
7
8
});
9
Advertisement
Answer
It should placed as option :
JavaScript
1
10
10
1
watch(() => props.isOpen, () => {
2
if (props.isOpen && props.preventBackgroundScrolling) {
3
document.body.style.setProperty('overflow', 'hidden')
4
} else {
5
document.body.style.removeProperty('overflow')
6
}
7
8
},{immediate:true});
9
10
or
JavaScript
1
12
12
1
watch('props.isOpen', () => {
2
if (props.isOpen && props.preventBackgroundScrolling) {
3
document.body.style.setProperty('overflow', 'hidden')
4
} else {
5
document.body.style.removeProperty('overflow')
6
}
7
8
},
9
{immediate:true}
10
);
11
12