Modal、 Drawer等组件的关闭弹窗事件能否支持阻止关闭？

[zuihou]

Modal、 Drawer等组件的关闭弹窗事件能否支持阻止关闭？

[zuihou]

比如，我在检测到弹窗的表单数据发生修改时， 用户按下esc键，阻止用户关闭弹窗。

[jahnli]

close-on-esc

https://www.naiveui.com/zh-CN/os-theme/components/modal#controlled.vue
https://www.naiveui.com/zh-CN/os-theme/components/dialog#async.vue

[zuihou]

close-on-esc 属性只是禁止用户点击 esc 时，关闭弹窗。

需求是:

1. close-on-esc 设置为true，允许用户使用esc关闭弹窗， 但程序检测到表单改动时，可以通过on-esc 或者其他事件阻止框架关闭弹窗。
2. closable 设置为true，允许用户点击右上角关闭按钮关闭弹窗， 但程序检测到表单改动时，可以通过 某个事件阻止框架关闭弹窗。

上面需求中： 程序检测到表单改动时，可以交给业务框架自己判断， 但上述中的加粗字体有没有办法能实现？

[jahnli]

通过自定义 close-on-esc closable 实现业务逻辑

检测表单改动修改对应的值

[jahnli]

[zuihou]

另外，drawer组件的 to 属性， 有什么讲究没？ 是否支持父级容器？ 目前发现 父子级太深时，就会失效

比如：

<div id="div1">
<div  >
<div  >
<div  >
<n-button @click="xxx" />
<n-drawer to='#div1' v-model:show="xxxxxx" />
</div>
</div>
</div>
</div>

[jahnli]

我没具体看，看样子是 Teleport