antd vue Modal 弹窗位置调整

ant design vue 默认的modal弹窗组件，收到的要求是弹窗能比默认的位置高一点用官方文档的属性写法如下：<a-modal title="新增" :visible="visible" :footer="null" @cancel="handleCancel" width="70%" :dialogStyle="dialogStyle"><front-computer

十夫长

12664人浏览 · 2021-04-02 17:04:01

十夫长 · 2021-04-02 17:04:01 发布

ant design vue 默认的modal弹窗组件，收到的要求是弹窗能比默认的位置高一点

在这里插入图片描述

用官方文档的属性
在这里插入图片描述

写法如下：

 <a-modal title="新增" :visible="visible" :footer="null" @cancel="handleCancel" width="70%" :dialogStyle="dialogStyle">
      <front-computer-add-tab :school-codes="options" v-on:notify="initTable"></front-computer-add-tab>
    </a-modal>

在这里插入图片描述

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}$/, //不连续的两位字母// /^