vue項(xiàng)目使用v-if的判斷值取不到報(bào)undefined錯(cuò)誤。

代碼演示：

定義一個(gè)變量，值在sessionStorage不存在；

data() {return {bcid:sessionStorage.getItem("bcid"),};},

然后在標(biāo)簽中使用if；

<div v-if="bcid!='12345678'" :key="bcid">該工坊未發(fā)布服務(wù)! </div>

這樣就會(huì)報(bào)出undefined；

?

原因：?

因?yàn)関-if里 undefined 和 "" 空值的判定都是 ?false

而我們?cè)趈s中if(undefined)是false，if("") 是true；所以頁面中的v-if判斷為空，最好使用v-if=‘!變量’。

正確代碼：

<div v-if="!bcid || bcid!='12345678'" :key="bcid">該工坊未發(fā)布服務(wù)! </div>

?

總結(jié)

以上是生活随笔為你收集整理的v-if报undefined的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。