vue - v-if 注意点

目的：

      用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>

简单搜索了一下，也没发现是为啥，暂时这样处理，稍后看一下其原理 要。