vue+elementUI 鼠标滑过行数据提示tooltip该怎么做？

• Z时代
• 2024-02-08
• 分类：IT

我想在鼠标滑过行数据的时候，显示出这样的提示，改怎么加呢？ 鼠标在这一行都能显示提示。

回答：

eltable加个tooltip的属性，当文字显示不全就会有，具体名字你在table的配置搜一下tooltip就有哦

回答：

使用插槽来写

<el-table-column label="日期" width="180">
    <template slot-scope="scope">
     <el-tooltip :content="scope.row.date" placement="top-start">
          <span style="margin-left: 10px">{{ scope.row.date }}</span>
      </el-tooltip>
    </template>
</el-table-column>

回答：

        <el-table-column
          label="街道"
          show-overflow-tooltip>
       </el-table-column>

在列上加一行show-overflow-tooltip这个就可以了

以上是 vue+elementUI 鼠标滑过行数据提示tooltip该怎么做？ 的全部内容， 来源链接： utcz.com/p/934877.html