功能

用于单行文案的显示。当内容超过指定宽度时，显示省略号，并可设置鼠标hover提示完整文案

功能示例

展示区
鼠标移动下方文本上查看效果 鼠标移动下方文本上查看效果 当未超过溢出宽度时，显示完整文案，鼠标hover无tooltip 当未超过溢出宽度时，显示完整文案，鼠标hover无tooltip 当超过溢出宽度时，显示文案和省略号，鼠标hover显示tooltip 当超过溢出宽度时，显示文案和省略号，鼠标hover显示tooltip 三口一只猪 三口一只猪 不装了，我是亿万富翁我摊牌了 不装了，我是亿万富翁我摊牌了 王总好 王总好 卧龙凤雏 卧龙凤雏 本来打算以普通人的身份跟你们相处，可换来的却是疏远。 本来打算以普通人的身份跟你们相处，可换来的却是疏远。
参数：最大宽度
当最大宽度为0时，则自动判断是否显示省略号
参数：显示Tooltip

最小示例

<template>
    <Wrapper>
        <HTextEllipsis placement="top-start" :max-width="250" show-tooltip>
            当内容超过指定宽度时，显示省略号，并可设置鼠标hover提示完整文案
        </HTextEllipsis>
    </Wrapper>
</template>

<script lang="ts" setup>
import Wrapper from '@/components/simple-wrapper.vue'
import HTextEllipsis from '../index.vue'
</script>

API

参数

插槽