element-plus tooltip嵌套popover

    <el-tooltip
      class="box-item"
      effect="dark"
      :content="lv === 1?'删除类别':'删除标签'"
      placement="top-start"
      v-if="props.isLeaf"
    >
      <!-- tooltip的触发源 -->
      <div @click.stop="openPopover">
        <el-popover
          placement="top-start"
          :width="350"
          trigger="click"
          v-model:visible="visible"
        >
          <p style="display: flex;align-items: center;margin-top: 28px;">
            <img src="~assets/img/label_err.png" alt="" style="margin: 0 10px 0 20px;">
            <span style="font-size: 16px;color:#333;">确认要删除该{{lv === 1?'删除类别':'删除标签'}}？</span>
          </p>
          <div style="text-align: right; margin: 50px 0 10px;">
            <el-button size="small" type="text" style="width: 74px;height: 32px;color: #666;"  @click="visible = false">取消</el-button>
            <el-button size="small" type="primary" style="width: 74px;height: 32px;" @click.stop="$emit('deleteLabel')">删除</el-button>
          </div>
          <template #reference>
            <!-- popover的触发源 -->
            <div class="btn bgD"></div>
          </template>
        </el-popover>
      </div>
    </el-tooltip>