【ant design】解决Select，DatePicker，Cascader等组件选项框随页面滚动分离问题

在开发过程中，会使用很多的Select、DatePicker等组件，当这些组件在可滚动的区域内滚动时，你会发现该组件的选项框也会跟着滚动，产生分离。如下图所示:

修改全局配置,代码为:

<template>
  <a-config-provider :getPopupContainer="getPopupContainer">
    <a-locale-provider :locale="locale" >
      <div id="app">
        <router-view v-if="isRouterAlive" />
      </div>
    </a-locale-provider>
  </a-config-provider>
</template>
<script>
 methods: {
    getPopupContainer(node) {
      if (node) {
        return node.parentNode
      }
      return document.body
    }
  },
</script>

之后页面就正常了!