vue+elementUI 超长文本省略显示，多余文字鼠标移入时显示全部

最新推荐文章于 2024-06-17 10:39:14 发布

vivk2017

最新推荐文章于 2024-06-17 10:39:14 发布

阅读量1.7k

点赞数

分类专栏： Vue 文章标签： elementui vue.js 前端

本文链接：https://blog.csdn.net/m0_38109616/article/details/126870387

版权

Vue 专栏收录该内容

38 篇文章 0 订阅 ¥199.90 ¥299.90

订阅专栏

超级会员免费看

在这里插入图片描述

<el-table-column label="名称" align="center" key="userId" prop="title" v-if="columns[0].visible">
            <template slot-scope="scope">
              <el-tooltip v-if="scope.row.title" :content="scope.row.title" raw-content placement="top-start">
                <a v-if="scope.row.title && scope.row.title.length <= 7" @click="detail(scope.row)" class="p-link">{{ scope.row.title }}</a>
                <a v-if="scope.row.title && scope.row.title.length > 7" @click="detail(scope.row)" class="p-link">{{ scope.row.title.substr(0, 7) + "..." }}</a>
              </el-tooltip>
            </template>
          </el-table-column>