-
遇到的问题:需要把model组件的样式做个性化修改
-
在model组件外面加一层div,通过model提供的getContainer将样式挂载到dom上,根据dom的类名,去给moedl组件添加样式
<div class="ant-modal-header" ref="refModel">
<a-modal
v-model="visible"
title="处理异常"
:footer="null"
:getContainer="() => $refs.refModel"
>
</a-modal>
</div>
/deep/ .ant-modal-header {
border-bottom: 0;
border-radius: 0;
}
- 参考文章