v-text-ellipsis

一个vue文本溢出省略组件

开始

使用npm或yarn安装:

$ npm install v-text-ellipsis --save

或

$ yarn add v-text-ellipsis

import VTextEllipsis from 'v-text-ellipsis'

export default {
  components: {
    VTextEllipsis
  }
}

<v-text-ellipsis :text="text" :height="40"/>

属性

| 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- | | text | 要处理的文本 | string | -- | -- — | | height | 文本高度，超出高度溢出处理 | number | -- | — | | isLimitHeight | 是否通过高度限制文本 | boolean | — | false | | textStyle | 文本行内样式 | object | — | | | textClass | 文本class | string/object/array | — | | | more | 溢出部分显示 | string | - | ...

插槽

| 名称 | 说明 |---------- |-------- | | before | 文本前面的slot | | after | 文本后面的slot | | more | 省略显示slot |