Ant Design vue Modal 中Select組件下拉選項隨頁面滾動與Select框分離異常 解決辦法

  <a-form-item>
                <a-select
                  v-decorator="['inst_id']"
                  placeholder="請選擇研究中心"
                  :getPopupContainer="(triggerNode)=>{ return triggerNode.parentNode}" 
                  allowClear
                  showSearch
                  :filterOption="filterOption"
                  @change="inst_change"
                >
                  <a-select-option
                    v-for="item in inst_list"
                    :key="item.id"
                    :value="item.id"
                  >{{item.instname}}</a-select-option>
                </a-select>
              </a-form-item>

 

 

   < a-form-item >

                 < a-select

                   v-decorator = " [ 'inst_id' ] "

                   placeholder = "請選擇研究中心"

                  : getPopupContainer = " ( triggerNode ) => {  return   triggerNode . parentNode } "  

                   allowClear

                   showSearch

                  : filterOption = " filterOption "

                  @ change = " inst_change "

                 >

                   < a-select-option

                     v-for = " item   in   inst_list "

                    : key = " item . id "

                    : value = " item . id "

                   > {{ item . instname }} </ a-select-option >

                 </ a-select >

               </ a-form-item >