elementui 提示语

Element UI提供了多种方式来实现提示语的效果。根据提供的引用内容，可以看到有以下几种方式：

1. 使用el-tooltip组件：通过设置content属性来定义提示文字，然后将需要添加提示语的元素包裹在el-tooltip组件内。例如：

<el-tooltip class="item" effect="dark" content="Top Left 提示文字" placement="top-start">
  <el-button>上左</el-button>
</el-tooltip>

2. 使用el-tooltip组件，并在其content slot中自定义提示文字的内容。例如：

<el-tooltip placement="top">
  <div slot="content" class="tips-content text-tips-content">
    <span>提示1</span><br>
    <div class="rule-box">
      1、提示内容<br>
      2、提示内容<br>
      3、提示内容
    </div>
  </div>
  <i class="el-icon-question" />
</el-tooltip>

3. 使用co-tooltip组件：类似于el-tooltip组件，使用了自定义的co-tooltip组件，并在其content slot中定义提示文字的内容。例如：

<el-table-column align="center" prop="value" label="Value" min-width="100px">
  <template slot="header" slot-scope="{column}">
    <co-tooltip placement="top">
      <div slot="content" class="tips-content">
        <span>提示文字</span>
      </div>
      <span>{{ column.label }}<i class="co-icon-question" /></span>
    </co-tooltip>
  </template>
</el-table-column>

总结来说，Element UI提供了el-tooltip和co-tooltip两种组件来实现提示语的效果，可以根据具体的需求选择适合的方式来添加提示语。