vue2多行文本折叠展示

在Vue2中，可以使用v-if和v-else指令来实现多行文本的折叠展示。首先，你需要在data中定义一个布尔值来表示文本的展开状态，例如isExpanded。然后，在模板中使用v-if和v-else来根据isExpanded的值来显示不同的内容。

下面是一个示例代码：

<template>
  <div>
    <div v-if="!isExpanded">
      <p>{{ text }}</p>
      <button @click="isExpanded = true">展开</button>
    </div>
    <div v-else>
      <p>{{ text }}</p>
      <button @click="isExpanded = false">收起</button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isExpanded: false,
      text: "这是一段多行文本，可以折叠展示。"
    };
  }
};
</script>

在上面的代码中，初始状态下文本只显示一行，并且有一个展开按钮。当点击展开按钮时，isExpanded的值会变为true，从而显示完整的文本和一个收起按钮。当点击收起按钮时，isExpanded的值会变为false，文本会重新折叠成一行。

你可以根据自己的需求修改文本内容和样式。希望对你有帮助！