vue項目使用v-if的判斷值取不到報undefined錯誤。

代碼演示：

定義一個變量，值在sessionStorage不存在；

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

然后在標簽中使用if；

<div v-if="bcid!='12345678'" :key="bcid">該工坊未發布服務! </div>

這樣就會報出undefined；

?

原因：?

因為v-if里 undefined 和 "" 空值的判定都是 ?false

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

正確代碼：

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

?

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。