條件渲染的疑問
老師，<v-if>和<v-else>的執行順序是先判斷<v-if>里面的條件，如果滿足就輸出div中的name，如果不滿足就輸出else，那在本視頻課程中大概15分鐘的時間這個例子，不是應該先是輸出名字小張，在輸出else中的age內容29嗎？為什么是顯示先29再小張？？？
慕尼黑1036875
2019-03-15
1 回答
舉報
0/150
提交
取消
2019-03-15
哈哈，來來來，邏輯問題，別把自己繞進去了。
你說的對，if條件不滿足就會輸出else中的，這就是If else條件渲染。
那我們來看看我們的例子：
<div?v-for="item?in?list"> ??<div?v-if="item.age?>?29"> ????{{item.name}} ??</div> ??<div?v-else> ????{{item.age}} ??</div> </div>先不看外層的for循環，單純看里面的邏輯：
如果item的屬性age大于29，就輸出item的name屬性；
否則（item的屬性age小于等于29），就輸出item的age屬性；
好，現在我們來看看list這個對象里面有什么：
list:?[{ ??name:?'liwei', ??age:?29 },{ ??name:?'小張', ??age:?30 }]有兩個對象對不對？
第一個對象：
{ ??name:?'liwei', ??age:?29 }來判斷一下，age大于29嗎？否，輸出：29（age屬性）
第二個對象：
{ ??name:?'小張', ??age:?30 }來判斷一下，age大于29嗎？是，輸出：小張（name屬性）