1. 程式人生 > 其它 >ant design vue模態框中下拉滾動樣式分離解決方法

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

滑鼠滾動時候,文字框和下拉選項會分離,解決方法

//日期樣式加入屬性
:getCalendarContainer="(triggerNode)=>{returntriggerNode.parentNode}"
//其他樣式加入屬性(下拉框,級聯選項、樹選擇等)
:getPopupContainer="(triggerNode)=>{returntriggerNode.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>