ant design vue j-modal 修改高度

问题描述

今天在项目中遇到关于j-modal组件修改弹窗大小问题,我尝试使用直接使用:height="300",没用效果,弹窗大小依然和没改之前一样,后来找到了这种方式可以去修改j-modal弹窗大小,下面来看下代码实现!

解决方案

<j-modal :visible="visiblePd"  :width="1550" v-bind:body-style="{height:'700px'}" cancelText="关闭" switchFullscreen title="xxx" @cancel="visiblePd = false"
      @ok="handlePdOk">

首先找到你要修改哪个j-modal组件,添加v-bind:body-style="{height:'700px'}" 这段代码去控制弹窗的大小,如果说要其它样式的话,直接在height:'700px’逗号再去添加别的样式,根据自己的需求去尽显调整!

结束语

如果有不明白的地方,或者你使用这种方式还是没有解决掉你的问题,可以私信本博主哦,后期会分享更多在项目实战中遇到的问题以及前沿的技术!

你可能感兴趣的:(Vue,javascript,vue.js,前端,javascript)