我們?nèi)粘g覽網(wǎng)站的時(shí)候,很多內(nèi)容都需要登錄后才可以查看挠将,那么产园,我們?nèi)绾蝿?dòng)態(tài)控制控件的出現(xiàn)呢秋冰?那么今天就結(jié)合這一點(diǎn)來講講v-if的使用
- 首先我們來看一下簡書登錄和未登錄狀態(tài)下導(dǎo)航欄的變化
1 虽另、登錄狀態(tài)
2 、未登錄狀態(tài)
那么谣拣,我們?nèi)绾螌?shí)現(xiàn)這個(gè)效果呢森缠?
我們用判斷token是否為空的方式來判定是否有用戶登錄恰画,主要是根據(jù)是否存在loginUser對(duì)象來顯示不同導(dǎo)航欄
如果LoginUser存在
即user !=null時(shí)顯示信息
需要注意的是:我們此處并不是根據(jù)v-if設(shè)置控件的顯隱访敌,v-if的判定是如果不滿足要求直接補(bǔ)構(gòu)建此控件
如果LoginUser不存在
即user==null時(shí)