# ellipsis-vue3

**Repository Path**: wudandong/ellipsis-vue3

## Basic Information

- **Project Name**: ellipsis-vue3
- **Description**: 溢出隐藏自定义指令 vue3 版
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-05-22
- **Last Updated**: 2023-10-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ellipsis-vue3

一个 vue3 版本的自定义指令，用于溢出隐藏时鼠标悬浮显示所有内容
> 支持 ts 和 js
### 安装
```shell
npm install ellipsis-vue3
```

### 使用
```js
import ellipsis from 'ellipsis-vue3'
createApp(App).use(ellipsis)
```

```xml
<!-- 使用 v-ellipsis 指令 -->
<span v-ellipsis style="width: 100%;">默认单行文本溢出隐藏并以...显示</span>

<!-- 超过指定行数隐藏 -->
<span v-ellipsis="2" style="width: 100%;">如果给定参数，则是多行文本溢出隐藏并以...显示</span>
```