问题描述

今天在项目中遇到关于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’逗号再去添加别的样式，根据自己的需求去尽显调整！

结束语

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