目的：

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

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

做法&結(jié)果：

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

解決方法：

? ??把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>

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

總結(jié)

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

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