问题描述
今天在项目中遇到关于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’逗号再去添加别的样式,根据自己的需求去尽显调整!
结束语
如果有不明白的地方,或者你使用这种方式还是没有解决掉你的问题,可以私信本博主哦,后期会分享更多在项目实战中遇到的问题以及前沿的技术!