ant design vue 在弹窗中使用下拉框导致下拉框选项显示不出来

最新推荐文章于 2023-11-30 13:20:16 发布

疯狂拔头发

最新推荐文章于 2023-11-30 13:20:16 发布

阅读量3.4k

点赞数 4

分类专栏： antd vue 文章标签：前端 vue.js

本文链接：https://blog.csdn.net/weixin_59895180/article/details/124501175

版权

antd vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

解决办法：

antd vue官网select选择器API中给出了解决方法，就是getPopupContainer这个属性，

在项目中的使用：

<a-select
  v-decorator="['unit']"
  option-filter-prop="children"
  :show-search="true"
  :allow-clear="true"
  style="width:60%"
  :getPopupContainer="triggerNode => {return triggerNode.parentNode || document.body;}"//作用在这段代码
  @change="getRoleList"
  placeholder="请选择关联单位"
>
 <a-select-option
  v-for="item in deptIdList"
  :key="item.id"
  :value="item.unitCode + ';' + item.deptName"
 >
   {{ item.unitCode + ";" + item.deptName }}
  </a-select-option>
</a-select>