vue中el-dialog得高度直接设置百分比不生效

vue中使用子组件弹框，el-dialog设置百分比高度不生效，应该这样写

<el-dialog title="目标详情" :visible.sync="dialogVisible" v-if="dialogVisible" width="80%" height="70%" :before-close="handleClose">
    <history-target :editDates="editDates" style=""></history-target>
</el-dialog>
//这样高度70%不生效

应该添加css

.el-dialog__body{height: 70vh;overflow: auto;}