0.0.2 • Published 10 months ago
@develop-plugins/text-ellipsis v0.0.2
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 } |
0.0.2
10 months ago