Vue:列表展开和收起（超过一定行数时显示‘查看更多’按钮）

前言：前端小白记录的一些小功能~

　　公司开发中的小程序中有做任务签到的功能，这就涉及到了任务列表以及对任务列表的展开和收起功能，好了可以开始了，说多了就烦了

1.首先是css样式，因为设计稿上是超过两行默认隐藏内容所以需要写if判断，代码如下：

<ul>
  <li class="taskInfo" v-for="(item, idx) in bodyData.daily" :key="idx"  v-if="idx < 2">
    <p class="title">{
   {item.name}}<img src="../../../assets/coin.png"/><span>