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;}