Modal 模态框 ​

基础用法 ​

需要设置 model-value / v-model 属性，它接收 Boolean，当为 true 时显示 Modal。 title 属性用于定义标题

受控显示 ​

模态框的显示可以是受控的。

遮罩关闭 ​

使用 mask-closable=false 使点击遮罩层不关闭。

自定义内容 ​

自定义 modal 样式 ​

width 设置 modal的宽度, 'top' 设置modal的margin-top, zIndex 设置 层级

或者设置class指定样式

锁定滚动 ​

model 在打开时默认禁用 body 滚动,设置block-scroll为false可以取消禁用

其他属性 ​

to 设置插入到html的位置,默认body

closeOnEsc 设置按Esc是否可关闭,默认为true

showClose 设置是否显示close icon

displayDirective 设置使用何种指令控制模态框主体的条件渲染 'if' | 'show' ,默认'if'