ant design vue model组件样式修改

遇到的问题：需要把model组件的样式做个性化修改在model组件外面加一层div,通过model提供的getContainer将样式挂载到dom上，根据dom的类名，去给moedl组件添加样式<div class="ant-modal-header" ref="refModel"><a-modalv-model="visible"title="处理异常":footer="nul

藏色

2940人浏览 · 2021-04-27 08:49:12

藏色 · 2021-04-27 08:49:12 发布

遇到的问题：需要把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;
}

参考文章

参考

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^