Appearance
内容缩略
说明
内容缩略组件。
独立使用
vue
<TextAbbreviation
:data="data">
</TextAbbreviation>
js
export default {
data() {
return {
data: '我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。我是一段很长很长的测试内容。',
};
},
mounted() {
}
};
主参数
参数 | 类型 | 必填 | 默认值 | 参考值 | 说明 |
---|---|---|---|---|---|
data | String | √ | 传入数据。 | ||
mode | String | × | line | 模式。line:行截断;last:尾截断。 | |
max | Number | × | 3 | 最大行数,超过则隐藏多余部分,并显示展开按钮。 | |
unit | String | × | px | 单位,应用于本组件。可使用rem。 | |
lineHeight | Number | × | 30 | 行高。 | |
fontSize | Number | × | 14 | 字体大小。 |
事件
名称 | 类型 | 说明 |
---|
插槽
插槽名 | 说明 |
---|