vue3使用ant-design-vue的Modal的小技巧

1.getContainer。

  在使用Modal时,可选择是否挂载到某个HTML节点,一般不想让背面的方法被触发,会选择不挂载,这样Modal会默认挂载到和

同一级别下的节点上,遮罩会将app里面的内容覆盖,导致app里面的内容无法使用,只要把Modal关了就可以继续使用。

  而当我们想用背景的内容来操纵Modal里面的数据的时候,往往需要操作app里面的内容,例如点击按钮等等。这个时候就需要把Modal绑定到指定的节点上,博主一般选择在使用的同级别下新建一个div来让它挂载。

  而在官方文档中getContainer需要绑定的是HTMLElement类型的数据,所以我们可以这样写:

 
 

你可能感兴趣的:(vue3学习,vue.js,typescript)