VUE中设置弹框长度

VUE中设置弹框长度自适应

弹框（dialog）

<el-dialog :visible.sync="innerVisible" :width="widthMini" :body-style="dialogbody" >
	// :visible.sync="innerVisible" 设置是否显示innerVisible：true ，false
    // @close="delect" 弹框关闭时运行的方法
 </el-dialog>

JS方法代码

    setCardHeight() {
      // set el-card height
      // const cvh = document.querySelector('.qs-dialog').querySelector('.el-dialog').style.marginTop
      // const cpx = parseInt(cvh) * window.innerHeight / 100
      const heightOffset = 82
      const cardHeight = window.innerHeight - heightOffset // 获取自适应最大高度
      this.dialogbody = 'max-height:' + cardHeight + 'px; overflow-y: auto'
    }