el‐collapse - daniel-qa/Vue GitHub Wiki

el-collapse

在 < el-collapse-transition> 組件中，顯示/隱藏的控制是設定在其直接子元素上的，通常是第一個

元素。

具體來說：

<el-collapse-transition>
  <div v-show="show3">  <!-- 這裡控制顯示/隱藏 -->
    <!-- 實際內容 -->
  </div>
</el-collapse-transition>

這種結構的原因是：

< el-collapse-transition> 本身是一個過渡效果容器，它不控制內容的顯示/隱藏

它需要一個直接子元素來應用過渡效果

這個子元素通過 v-show 或 v-if 來控制其顯示狀態

當這個子元素的顯示狀態改變時，< el-collapse-transition> 會自動應用摺疊/展開的動畫

這種設計模式讓您可以靈活地控制內容的顯示條件，同時享受預設的摺疊/展開動畫效果。

⚠️ **GitHub.com Fallback** ⚠️