1.select組件,Cascader組件使用 :
加getPopupContainer屬性,直接使用 getPopupContainer={triggerNode => triggerNode.parentNode},像下面這種:
<a-select v-model="modelId" style="width: 90%;margin-left:10px;" :size="size" @change="selectItem" placeholder="請選擇模型" :getPopupContainer="triggerNode=> triggerNode.parentNode"> <a-select-option :value="item.modelId" v-for="(item,index) in modelList" :key="index">
{{item.modelName||''}}
</a-select-option>
</a-select>
2.日期、時間類的組件(DatePicker、TimePicker)
加getCalendarContainer屬性,像下面這種
<a-range-picker @change="changeRangeList" :value="dateRangeListVal" :placeholder="['選擇起始日期', '選擇截至日期']" :getCalendarContainer="triggerNode=> triggerNode.parentNode" />