vue - v-if 注意点
生活随笔
收集整理的這篇文章主要介紹了
vue - v-if 注意点
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
目的:
? ? ??用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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 酷家乐怎么给墙面附材质? 酷家乐墙面指定
- 下一篇: 买iPadmini6还是等iPadmin