设置过zoom时 导致el组件的所有鼠标聚焦出现的popper或tooltip位置对不准的情况

可以设置:append-to-body="false"后这种一个div来进行存放当前不在body的popper

<el-tooltip
      placement="top"
      ref="tooltip"
      :popper-class="tooltipClass"
      :disabled="!showTooltip"
      :append-to-body="isAppendBody"
    >
      <span slot="content">{{ formatValue }}</span>
      <div
        class="el-slider__button"
        :class="{ hover: hovering, dragging: dragging }"
      ></div>
    </el-tooltip>
    <div ref="sliderRef"></div>
 mounted() {
    if(!this.isAppendBody) {
      this.$nextTick(() => {
        this.$refs.sliderRef.appendChild(
          this.$refs.tooltip.popperVM.$el
        )
        // console.log(this.$refs.sliderRef);
      })
    }
  },

 

 

posted @ 2022-11-08 14:09  YuyuFishSmile  阅读(2224)  评论(0)    收藏  举报