TextEllipsis

描述

文本自动省略号。

安装

 # npm
 npm i @develop-plugins/text-ellipsis
 
 # yarn
 yarn add @develop-plugins/text-ellipsis
 
 # pnpm
 pnpm add @develop-plugins/text-ellipsis

引用

import { TextEllipsisInstall } from '@develop-plugins/text-ellipsis';
import '@develop-plugins/text-ellipsis/style.css';

app.use(TextEllipsisInstall);

示例

<template>
    <text-ellipsis :content="text" :rows="1"></text-ellipsis>
</template>
<script setup>
    const content = ref('超长数据测试')
</script>

属性

| 参数 | 说明 | 类型 | 可选值 | 默认值 | | ------------ | ------------ | -------- | ------ | ------ | | content | 文本 | string | | | | collapseText | 收起文本 | string | | 收起 | | expandText | 展开文本 | string | | 展开 | | rows | 截取文本行数 | number | | 1 | | dots | 省略文本 | string | | ... |

插槽

| 名称 | 说明 | 插槽 | | ------ | ---------- | ----------------------- | | action | 自定义操作 | { expanded: boolean } |