简单解决ant design vue modal样式修改不成功

ant design vue中的modal弹框修改样式无效问题ant中的弹框样式是修改不了的原因在于弹框modal被挂载在最大的元素div外面了所以需要将挂载在某个html元素上在modal外面主动套一个div在修改样式即可modal对话框API规定:getContainer="()=>$refs.ref"挂载在对应 div 下的 ref 上对应的style中写样式即可了...

半生过往

3544人浏览 · 2021-11-08 10:56:03

半生过往 · 2021-11-08 10:56:03 发布

ant design vue中的modal弹框修改样式无效问题

ant中的弹框样式是修改不了的原因在于弹框modal被挂载在最大的元素div外面了所以需要将挂载在某个html元素上在modal外面主动套一个div 在修改样式即可

modal对话框API规定
在这里插入图片描述

:getContainer="()=>$refs.ref"

挂载在对应 div 下的 ref 上
在这里插入图片描述
对应的style中写样式即可了

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