v-ellipsis 指令

概述

• 控制文本的多行省略，值为显示行数。

示例

查看代码

<template>
  <!-- 单行省略 -->
  <p v-ellipsis="1" style="width: 240px;">
    这是一段较长的文本，用于展示单行省略效果
  </p>

  <!-- 三行省略 -->
  <p v-ellipsis="3" style="width: 240px;">
    这是一段较长的文本，用于展示多行省略效果。设置 v-ellipsis 的值为希望显示的行数，超出部分将以省略号展示。
  </p>
</template>

组合示例

模式	用法示例	说明
单行省略	v-ellipsis="1"	限制文本显示为单行，超出部分省略号表示
多行省略	v-ellipsis="n"	限制文本显示为 n 行，超出部分省略号表示