jk's notes
  • TextEllipsis 文本省略

TextEllipsis 文本省略

文档: https://vant-contrib.gitee.io/vant/#/zh-CN/text-ellipsis

一个文本容器组件, 控制文本省略, 不同于 van-ellipsis 类样式, 它允许控制显示完整文本, 以及省略折叠.同时省略文字允许控制省略的位置.

基本语法:

<van-text-ellipsis :content="text" />

常用属性:

  • 默认只显示一行文本, 超出的会显示省略.
  • expand-text 和 collapse-text 用于控制展开/收缩按钮(文本).
  • rows 默认显示的行数, 超出才省略.
  • position 省略时, 省略那一部分. 可取值有 start, middle, end(默认).
Last Updated:
Contributors: jk