文字提示（Element UI的Tooltip、原生Html自带的）

一、Element UI的Tooltip

• 这是tooltip的使用，但是它需要按钮，很不方便

<el-tooltip class="item" effect="dark" content="Bottom Center 提示文字" placement="bottom">
          <el-button>下边</el-button>
        </el-tooltip>

二、Html的文字提示

在很多时候我们在表格、列表中的描述串都不会少，所以如果用到UI框架的话，就只能用带有的，但是样式很局限。所以可以考虑用Html自带的。

这里用了组件传值，这就不说了，这个describedFilter是这里的缩写，文字提示通过title属性标注，然后通过v-bind把详细的值绑定给它

<template v-slot:described="{ row }">
        <div v-bind:title="row.described" >
          <span>{{ row.described | describedFilter  }}</span>
        </div>
      </template>

<a v-bind:title="row.described" >
          <span>{{ row.described | describedFilter  }}</span>
        </a>

<p v-bind:title="row.described" >
          <span>{{ row.described | describedFilter  }}</span>
        </p>

<td v-bind:title="row.described" >
          <span>{{ row.described | describedFilter  }}</span>
        </td>

显示的话，因为提示的时候不好截图，就算了。
这里我试了下，语法没问题，基本都可以通过title属性来完成文字提示！！！(^o)/~