Appearance
TextEllipsis 文本省略
简介
用于多行文本溢出省略,支持自定义行数、点击事件、超出时自动 tooltip 展示全部内容。
基本用法
vue
<template>
<g-text-ellipsis :text="'这是一段很长很长的文本内容,需要省略显示。'" :lines="2" />
<g-text-ellipsis :text="'可点击的省略文本'" :is-link="true" @click="onClick" />
</template>属性说明
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| text | 显示文本 | string | '' |
| lines | 显示行数 | number | 2 |
| isLink | 是否为链接样式 | boolean | false |
事件
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| click | 点击时触发 | — |
插槽
无。