从一次线上事故聊 Vue 的 nextTick 与 DOM 更新时机

线上有个基于 Vue 3 的弹窗组件，需要在打开后自动聚焦到里面的输入框。代码看起来没什么问题：点击按钮把 visible 设为 true，然后立刻调用 inputRef.value.focus()。本地开发一切正常，但上线后偶发聚焦失败，控制台报 Cannot read properties of null (reading 'focus')。排查后发现，问题出在 visible 变化到 DOM