for循環使用element的折疊面板遇到的問題-1

首先，效果是點擊添加折疊面板，折疊面板的title右側是關閉的小按鈕，每次添加的面板都自動展開，其他的面板自動關閉，但其中發現一個問題是，每次點擊關閉的時候，雖然上一個面板被關閉了，但他的下一個會自動打開，想把這個問題解決就發現是冒泡時間，當點擊的時候會冒泡，誤以為是點擊展開，所以vue里邊有個阻止冒泡事件，使用

@click.stop="close(item,index)"

 <el-collapse accordion>
      <el-collapse-item v-for="(item,index) in collapseData" :key="index">
        <template slot="title">
          {{item.name}}
          <i class="ssf ssf-colse" @click.stop="close(item,index)"></i>    
          <!-- 因為項目需要要在每個折疊面板右側添加關閉按鈕，這樣用定位放在右側即可 -->
        </template>
        <div>{{item.content}}</div>
      </el-collapse-item>
    </el-collapse>