使用 Vue3 组合 API。我如何让 watch 立即工作。以下代码不起作用。
watch((immediate=true) => props.isOpen, () => {
if (props.isOpen && props.preventBackgroundScrolling) {
document.body.style.setProperty('overflow', 'hidden')
} else {
document.body.style.removeProperty('overflow')
}
});
最佳答案
它应该作为选项放置:
watch(() => props.isOpen, () => {
if (props.isOpen && props.preventBackgroundScrolling) {
document.body.style.setProperty('overflow', 'hidden')
} else {
document.body.style.removeProperty('overflow')
}
},{immediate:true});
或者watch('props.isOpen', () => {
if (props.isOpen && props.preventBackgroundScrolling) {
document.body.style.setProperty('overflow', 'hidden')
} else {
document.body.style.removeProperty('overflow')
}
},
{immediate:true}
);
关于javascript - 在 Vue3 组合 API 中让观察者立即工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65070065/