element的折叠面板

  <el-collapse v-model="activeName">
   <el-collapse-item :title="'已读 ('+readNum+') '" name="1">
      <avatar :name="item.userName" v-for="(item,index) in readUserList" :key="index"></avatar>
      <div class="nodata" v-if="!readUserList.length">暂无数据</div>
    </el-collapse-item>
     <el-collapse-item name="2">
     <template slot="title">{{'未读 ('+noreadNum+') '}}
          <div class="againNotice" @click.stop="againInform">再次通知</div>
     </template>
     <avatar :name="item.userName" v-for="(item,index) in notReadUserList" :key="index"></avatar>
    <div class="nodata" v-if="!notReadUserList.length">暂无数据</div>
    </el-collapse-item>
   </el-collapse>