vue element-ui悬浮

Vue Element-UI提供了一个非常方便的悬浮提示组件el-tooltip，可以在鼠标悬浮在某个元素上时显示提示信息。使用方法如下：

1.首先在需要添加悬浮提示的元素上添加el-tooltip组件，设置属性content为提示信息，例如：

<el-button type="primary" v-tooltip="'这是一个按钮'">按钮</el-button>

2.如果需要动态设置提示信息，可以使用v-tooltip指令，例如：

<el-button type="primary" v-tooltip="tooltipText">按钮</el-button>

data() {
  return {
    tooltipText: '这是一个按钮'
  }
}

3.还可以设置悬浮提示的位置、触发方式、延迟等属性，例如：

<el-button type="primary" v-tooltip="'这是一个按钮'" placement="top" trigger="hover" :open-delay="1000">按钮</el-button>

其中，placement属性可以设置提示框的位置，可选值为top、top-start、top-end、bottom、bottom-start、bottom-end、left、left-start、left-end、right、right-start、right-end；trigger属性可以设置触发方式，可选值为click、hover、focus、manual；open-delay属性可以设置延迟显示的时间，单位为毫秒。