vue watch flush

在Vue中，watch选项和$watch()实例方法用于声明侦听器，以便在数据变化时执行相应的回调函数。flush选项用于指定何时执行该回调函数。

flush选项有两个可选的值：'pre'和'post'。如果指定为'pre'，则回调函数会在数据变化之前被调用，也就是在DOM更新之前。如果指定为'post'，则回调函数会在数据变化之后被调用，也就是在DOM更新之后。默认情况下，flush选项的值为'pre'。

通过在watch选项或$watch()方法中添加flush选项，并将其值设置为'post'，你就可以确保在侦听器回调中能够访问到Vue更新之后的DOM。例如：

export default {
// ...
watch: {
key: {
handler() {},
flush: 'post'
}
}
}

在这种情况下，侦听器的回调函数会在DOM更新之后被调用，确保你能够访问到最新的DOM元素。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue中watch监听器的用法，deep、immediate、flush](https://blog.csdn.net/weixin_43953518/article/details/124472358)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]