Skip to content

TextEllipsis 文本省略

简介

用于多行文本溢出省略,支持自定义行数、点击事件、超出时自动 tooltip 展示全部内容。

基本用法

vue
<template>
  <g-text-ellipsis :text="'这是一段很长很长的文本内容,需要省略显示。'" :lines="2" />
  <g-text-ellipsis :text="'可点击的省略文本'" :is-link="true" @click="onClick" />
</template>

属性说明

属性说明类型默认值
text显示文本string''
lines显示行数number2
isLink是否为链接样式booleanfalse

事件

事件名说明回调参数
click点击时触发

插槽

无。