Skip to content

内容缩略

说明

内容缩略组件。

独立使用

vue
<TextAbbreviation
  :data="data">
</TextAbbreviation>
js
export default {
  data() {
    return {
      data: '我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。',
    };
  },
  mounted() {
  }
};

主参数

参数类型必填默认值参考值说明
dataString传入数据。
modeString×line模式。line:行截断;last:尾截断。
maxNumber×3最大行数,超过则隐藏多余部分,并显示展开按钮。
unitString×px单位,应用于本组件。可使用rem。
lineHeightNumber×30行高。
fontSizeNumber×14字体大小。

事件

名称类型说明

插槽

插槽名说明