對于Ant Design框架中自帶的Modal彈窗組件，在Vue中使用時需要注意其中的高度設(shè)置問題。如果不設(shè)置高度，彈窗的內(nèi)容超出自身高度時就會出現(xiàn)滾動條，影響用戶體驗。

在Ant Design Modal中設(shè)置高度有三種方式：

1. 直接設(shè)置style樣式中的height屬性
2. 設(shè)置bodyStyle樣式中的max-height屬性
3. 使用contentStyle樣式

其中第一種方式比較簡單，直接在modal組件上添加style屬性即可：

<Modal
title="Basic Modal"
visible={visible}
onCancel={handleCancel}
onOk={handleOk}
style={{ height: '500px' }}
><p>測試測試</p><p>測試測試</p><p>測試測試</p></Modal>

第二種方式是通過設(shè)置bodyStyle樣式來限制Modal的最大高度：

<Modal
title="Basic Modal"
visible={visible}
onCancel={handleCancel}
onOk={handleOk}
bodyStyle={{ maxHeight: '500px' }}
><p>測試測試</p><p>測試測試</p><p>測試測試</p></Modal>

在這種方式下如果Modal的內(nèi)容超出了設(shè)定的最大高度，則Modal會自動出現(xiàn)滾動條。

第三種方式是使用contentStyle樣式，該方式適用于想要對Modal中的某個元素進(jìn)行單獨的高度設(shè)置：

<Modal
title="Basic Modal"
visible={visible}
onCancel={handleCancel}
onOk={handleOk}
contentStyle={{ height: '500px' }}
><p>測試測試</p><p>測試測試</p><p>測試測試</p></Modal>

在實際使用中，我們可以根據(jù)Modal中的具體內(nèi)容進(jìn)行設(shè)置，選擇適合的方式進(jìn)行高度設(shè)置。