vuejs之v-if-ajax異步請求數據遇到的坑

場景：

params是異步請求獲得的數據是一個對象，對象中又有chefHealthInfos數組

渲染時候會報錯：

分析：

這是因為可以把v-if看成渲染了兩次，兩次結果params分別為{}，{chefHealthChef:[ ]},第一次時為{}，所以不存在數組，報錯

改成

這個條件，在第一次 params為{}時，`&&`左邊為假，所以右邊就不執行了。第二次時，左邊為真，所以繼續執行看右邊，右邊的結果就是最終結果，是 0 ，會被轉成 false 。