软件简介

基于 Vue2 的自定义文本省略支持。

安装

yarn add @hyjiacan/vue-ellipsis

or

npm install @hyjiacan/vue-ellipsis

用法

import ellipsis from '@hyjiacan/vue-ellipsis'
Vue.use(ellipsis)

你需要通过CSS指定宽度

.ellipsis-style{
    width: 200px;
}
.ellipsis-style{
    max-width: 200px;
}

或通过 STYLE

<div style="width: 200px"></div>
<ellipsis style="width: 200px"></ellipsis>

指令

v-ellipsis 的值表示显示的行数，默认值为 1

修饰符

• 修饰符 start, middle, end 是互斥的，只能指定其中一个
• 修饰符 always, none 是互斥的，只能指定其中一个，留空时表示在省略时自动设置 title

属性

组件

属性

插槽