怎么设置el-tooltip的悬浮窗始终显示

要在Element UI的`el-tooltip`组件中设置悬浮窗始终显示，你需要在初始化`tooltip`时关闭其默认的行为，即当鼠标离开元素一定范围后自动隐藏。你可以通过`showPopper`属性来控制是否显示提示框。这是一个简单的例子：

<template>
  <el-button v-bind:title="tipText" @mouseenter="showTooltip = true" @mouseleave="showTooltip = false">
    点击显示 tooltip
  </el-button>

  <!-- 使用 v-if 控制 el-popover 的显示 -->
  <el-popover :popper-class="{'always-show': showTooltip}" placement="top" v-model="showTooltip">
    {{ tipContent }}
  </el-popover>
</template>

<script>
export default {
  data() {
    return {
      tipText: '这是标题',
      tipContent: '这是详细内容',
      showTooltip: false, // 初始值设为 false
    };
  },
};
</script>

<style scoped>
.always-show .el-tooltip__popper {
  display: block !important;
}
</style>

在这个示例中，当鼠标悬停在按钮上时(`mouseenter`)，`showTooltip`变量被设置为`true`，`v-model`绑定的`el-popover`就会显示。当鼠标离开(`mouseleave`)，`showTooltip`又会被设置回`false`。同时，我们还添加了一个自定义的CSS样式`.always-show`，使得当`showTooltip`为`true`时，提示框总是可见。