第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

條件渲染的疑問(wèn)

老師,<v-if>和<v-else>的執(zhí)行順序是先判斷<v-if>里面的條件,如果滿足就輸出div中的name,如果不滿足就輸出else,那在本視頻課程中大概15分鐘的時(shí)間這個(gè)例子,不是應(yīng)該先是輸出名字小張,在輸出else中的age內(nèi)容29嗎?為什么是顯示先29再小張???

正在回答

1 回答

哈哈,來(lái)來(lái)來(lái),邏輯問(wèn)題,別把自己繞進(jìn)去了。

你說(shuō)的對(duì),if條件不滿足就會(huì)輸出else中的,這就是If else條件渲染。

那我們來(lái)看看我們的例子:

<div?v-for="item?in?list">
??<div?v-if="item.age?>?29">
????{{item.name}}
??</div>
??<div?v-else>
????{{item.age}}
??</div>
</div>

先不看外層的for循環(huán),單純看里面的邏輯:

如果item的屬性age大于29,就輸出item的name屬性;

否則(item的屬性age小于等于29),就輸出item的age屬性;


好,現(xiàn)在我們來(lái)看看list這個(gè)對(duì)象里面有什么:

list:?[{
??name:?'liwei',
??age:?29
},{
??name:?'小張',
??age:?30
}]

有兩個(gè)對(duì)象對(duì)不對(duì)?

第一個(gè)對(duì)象:

{
??name:?'liwei',
??age:?29
}

來(lái)判斷一下,age大于29嗎?否,輸出:29(age屬性)

第二個(gè)對(duì)象:

{
??name:?'小張',
??age:?30
}

來(lái)判斷一下,age大于29嗎?是,輸出:小張(name屬性)

1 回復(fù) 有任何疑惑可以回復(fù)我~
#1

慕尼黑1036875 提問(wèn)者

謝謝老師,我的錯(cuò),我的記憶中怎么一直是下面兩個(gè)例子的順序是相反的,結(jié)果就覺(jué)得這是怎么回事。謝謝您!
2019-03-15 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消

條件渲染的疑問(wèn)

我要回答 關(guān)注問(wèn)題
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)