在Vue3组合API中使观察者立即工作

Question

使用 Vue3 组合 API。我如何让观看立即工作。下面的代码不起作用。

watch((immediate=true) => props.isOpen, () => {

        if (props.isOpen && props.preventBackgroundScrolling) {

          document.body.style.setProperty('overflow', 'hidden')

        } else {

          document.body.style.removeProperty('overflow')

        }

          });

Answer 1

它应该作为选项放置：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}   );