ant 气泡里面样式不生效,a-modal里面样式不生效,日期选择器,下拉选中随着滚动条滚动

  <a-popover placement="left"
                   :get-popup-container=" triggerNode => {
                     return triggerNode.parentNode
                   }"
        > </a-popover>

<style scoped lang="less"></style>

  

<template>
  <div ref="box">
    <a-modal :visible="changedVisible"
             title="新建变更"
             width="700px"
             :confirm-loading="confirmLoading"
             :get-container="()=>$refs.box"
             @ok="addEvent"
             @cancel="handleCancle"
    ></a-modal>
  </div>
</template>

  日期选择器,下拉选中随着滚动条滚动

  <a-config-provider :get-popup-container="(triggerNode) => triggerNode.parentNode"> </a-config-provider>

 给table表格的头部加气泡

      <span slot="customUserStatus">状态
        <a-popover
          placement="left"
        >
          <template slot="content">
            <p v-for="item of statusDes"
               :key="item"
            >{{ item }}</p>
          </template>
          <a-icon type="question-circle" />
        </a-popover>
      </span>
       {
          dataIndex: 'userStatusV', ellipsis: true, key: 'userStatusV', width: '8%',
          slots: { title: 'customUserStatus' },
          scopedSlots: { customRender: 'customStatus' }
        },
      <template slot="customStatus"
                slot-scope="text, record"
      >

      </template>

  

posted on 2022-09-24 23:18  稳住别慌  阅读(218)  评论(0编辑  收藏  举报