二次封装element 的Tooltip 文字提示

最新推荐文章于 2024-07-29 14:35:49 发布

学无止境s_m_w

最新推荐文章于 2024-07-29 14:35:49 发布

阅读量663

点赞数

文章标签： vue.js javascript es6

本文链接：https://blog.csdn.net/weixin_45354225/article/details/106214928

版权

本文档介绍如何在Vue项目中二次封装Element UI的Tooltip组件，以解决字段过长导致的表格样式问题。通过该组件，可以实现文本的截断显示，并在鼠标悬停时显示完整内容。

摘要由CSDN通过智能技术生成

说明：遇到超长文本展示，通过此标签可以截取省略号显示，鼠标放置会提示全文本

template

<template>
  <el-tooltip class="item"  :content="value" :placement='direction'>
    <span> {
   {
    value | ellipsis(length) }}<

关注