ant-design-vue。下拉框a-select设置样式不显示的_a-select dropdownstyle

刚开始尝试了很多种方式，例如，deep..啦，还有官方自带的dropdownStyle属性，最离谱还看见一个文章 再index.html文件中设置样式，但是这样可以设置成功，但我相信，一个稍微资深一点的vue开发者都不想再index.html中设置样式，包括后期管理起来不方便什么的...。

ok话不多说了，直接上教程。

其实教程也很简单，只需要设置：

<a-select
    :getPopupContainer="(triggerNode)=> triggerNode.parentNode || document.body;"
    >
</a-select>

 这个方法其实就是用来将下拉框展开后的 框。渲染绑定到 这个属性设置的节点上。这样根据class就能定位到了。

这个属性还有一点好处，就是如果下拉框有的时候点击或者滚动页面的时候，下拉框也会跟着滚动。设置这样属性便可以固定了。

*小知识：如果下拉框不展示 placeholder 设置的值。是因为 placeholder 只有在 value = undefined 才会显示，对于其它的 null、0、'' 等等对于 JS 语言都是有意义的值。