解決v-for和v-if不能同時使用的問題

在vue的官方文檔中是這樣說的： 注意我們不推薦在同一元素上使用 v-if 和 v-for。

更多細節可查閱風格指南。當它們處於同一節點，v-for 的優先級比 v-if 更高，這意味着 v-if 將分別重復運行於每個 v-for 循環中。

解決這個問題的方法是使用計算屬性computed

例如：

改成：