vue3 实现文本内容超过N行折叠并显示“...展开”组件-3. 使用说明

代码样例

<div class="mw6">
	<text-ellipsis :max-lines="3" :text="textContent"></text-ellipsis>
</div>

prop参数

name	类型	说明	默认值
text	string	内容	“”
maxLines	number	最大行数	3
ellipsis	string	省略时显示	“…”
moreText	string	展示按钮文字	“展示”
lessText	string	收起按钮文字	“收起”

slot

name	说明
ellipsis	省略时尾部元素
more	省略时按钮元素
less	展开时按钮元素