ant design vue模態框中下拉滾動樣式分離解決方法

 

鼠標滾動時候，文本框和下拉選項會分離，解決方法

//日期樣式加入屬性
:getCalendarContainer="(triggerNode) => {return triggerNode.parentNode}"
//其他樣式加入屬性（下拉框，級聯選項、樹選擇等）
:getPopupContainer="(triggerNode)=>{ return triggerNode.parentNode}" 

　　

           <a-tooltip>
                    <template slot="title"> 所屬區域 </template>
                    <a-select
                    :allowClear="true"
                    show-search
                    v-model="form1.projectArea"
                    placeholder="請選擇所屬區域"
                    :getPopupContainer="(triggerNode)=>{ return triggerNode.parentNode}" 
                    :disabled="identifying == 'changInfo'"
                    >
                    <a-select-option
                        v-for="item in projectAreaOptions"
                        :key="item.codeValue"
                        :value="item.codeValue"
                    >
                        {{ item.codeName }}
                    </a-select-option>
                    </a-select>
             </a-tooltip>