antdesignvue使用

萌新不会永远是萌新

已于 2022-10-21 17:55:57 修改

阅读量383

点赞数

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

于 2022-10-19 18:24:06 首次发布

本文链接：https://blog.csdn.net/zhai_15733218875/article/details/127413342

版权

vue 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

本文探讨了Ant Design中关于组件弹出层的定位问题，通过示例代码`getPopupContainer`属性的两种不同实现方式，展示了如何将弹出层定位到触发元素的父节点。在实际应用中，这样的定位调整对于用户体验至关重要，特别是在复杂的页面布局中。

摘要由CSDN通过智能技术生成

组件弹出层定位问题

:get-popup-container="getTooltipPopupContainer"
getTooltipPopupContainer(trigger) {
      return trigger.parentElement;
    },

:getPopupContainer="(triggerNode) => triggerNode.parentNode"

solt参数

<a-popconfirm
  placement="topRight"
  ok-text="确定"
  cancel-text="取消"
  @confirm="confirm()"
>
  <template slot="title">
    <p>
      <a-date-picker @change="change" 
      <a-time-picker @change="change" />
    </p>
  </template>
  <a-button type="primary" ghost>按钮</a-button>
</a-popconfirm> -->