Vue和iview框架的高度問題，在實際項目中經常需要進行處理，本文將介紹兩種常用的處理方法，供讀者參考。

第一種方法是通過CSS來設置高度。如下代碼，將父元素的高度設置為100%，再將子元素的高度設置為父元素的高度減去其他元素的高度，即可獲得所需高度。注意，該方法只適用于父元素高度已經確定的情況。

.parent{
height: 100%;
}
.child{
height: calc(100% - 100px);
}

第二種方法是通過計算屬性（computed）來動態計算高度。如下代碼，在computed中定義一個方法，根據頁面元素的高度進行計算，然后在模板中直接使用計算屬性即可得到所需高度。

<template>
<div :style="{height: computedHeight}">
<!-- 嵌套其他頁面元素 -->
</div>
</template>
<script>
export default {
computed: {
computedHeight() {
const headerHeight = this.$refs.header.getBoundingClientRect().height;
const footerHeight = this.$refs.footer.getBoundingClientRect().height;
return `calc(100% - ${headerHeight + footerHeight}px)`;
}
},
//其他代碼
}
</script>

以上兩種方法都可以有效處理高度問題，具體使用要根據具體場景和需求進行選擇。