element-ui el-tooltip 不显示的问题

 <el-tooltip
        content="通知"
        effect="dark"
        placement="bottom"
      >

      <span>
        <template v-if="roleShow">
          <el-badge :value=totalRemind class="item"  :hidden="show1">
            <el-popover width="190" trigger="click">
              <template>
    
                  <div class="daiban">{{ $t("navbar.inform") }}</div>
                  <hr />
                  <div style="margin-bottom: 15px">
                    <template v-for="(data, index) in remindList">
                      <div :key="index" class="workflow-classify-div">
                        <el-button
                          class="process-button"
                          style="width: 100%"
                          plain
                          @click="dynamicRoute(data, 'detail')"
                        >
                          <div class="process-div-body">
                            <div class="process-div-title ellipsis">
                              {{ data.irNumber }}
                            </div>
                            <div class="process-div-remarks ellipsis">
                              {{ data.startTime }}
                            </div>
                          </div>
                        </el-button>
                      </div>
                    </template>
                  </div>
                  <hr />
    
    
                <el-button
                  type="text"
                  class="right-menu-item hover-effect"
                  size="mini"
                  slot="reference"
                  icon="el-icon-s-comment"
                >
                  <!-- <span v-show="isVersion" class="red-point"></span> -->
                </el-button>
              </template>
            </el-popover>
          </el-badge>
        </template>
      </span>

      </el-tooltip>

加个标签包裹住，有多个平级元素，会导致不生效