v-if報undefined

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>