element-ui table 字段过长悬浮显示

最新推荐文章于 2024-08-28 15:04:28 发布

IT小学僧

最新推荐文章于 2024-08-28 15:04:28 发布

阅读量1.7k

点赞数

分类专栏： element-ui 文章标签：前端

本文链接：https://blog.csdn.net/weixin_43676950/article/details/107356162

版权

element-ui 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

element-ui 字段过长悬浮显示


<template slot-scope="scope">
    <el-popover
            placement="top-start"
            width="300"
            trigger="hover"
            :disabled="scope.row.unit_name.length <= 4"
    >
        <div>{{ scope.row.unit_name }}</div>
        <span slot="reference" v-if="scope.row.unit_name.length <= 4">{{scope.row.unit_name}}</span>
        <span slot="reference" v-if="scope.row.unit_name.length > 4">{{scope.row.unit_name.substr(0, 4) + "..."}}</span>
    </el-popover>
</template>