目的：

? ? ??用v-if = ‘ isCheckPosition ’來控制一個切換崗位圖標的顯示與否；

<div v-if="isCheckPosition" class="wh-sel-position"> <em class="icon-nav-position" @click="$router.history.go(-1)"></em> </div>

做法&結果：

? ? ? ?isCheckPosition的值是來自于上個頁面的$route.query傳值，是一個頁面設置其類型為Boolean值，可是實際上，在開發環境的谷歌瀏覽器上，并沒有根據其true or flase 來顯示圖標與否（在手機上的話沒有測試，不過也無關緊要，反正有一個地方不對，就要去修正的）。

解決方法：

? ??把Boolean值改成 == 判斷，這種 v-if="isCheckPosition == true"就OK了。

<div v-if="isCheckPosition == true" class="wh-sel-position"> <em class="icon-nav-position" @click="$router.history.go(-1)"></em> </div>

簡單搜索了一下，也沒發現是為啥，暫時這樣處理，稍后看一下其原理 要。

總結

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

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