使用iview的彈出框時，添加屬性報錯-解決

iview版本：3.1.3

===========================================

在使用Modal 對話框組件時，添加屬性（如：draggable、mask等）

<Modal
        v-model="modal2"
        width="120"
        footer-hide="true"   <!--錯誤寫法 -->
        draggable="true"
        :styles="{top: '45%'}"
      >
        <div style="text-align:center">
          <p style="color: #ffffff;font-size: 0.8rem">預警城市排名</p>
        </div>
</Modal>

 

上述寫法雖然功能依然能正常實現，可是瀏覽器控制檯會報錯：

 

報錯緣由Expected Boolean, got String（期待布爾類型，提供的倒是字符串類型）

搜索iview文檔，未發現對應的屬性寫法；

因而修改成符合要求的寫法：

<Modal
            v-model="modal2"
            width="120"
            :footer-hide='status'      <!--正確寫法 -->
            :draggable='status'
            :styles="{top: '60%',left: '16%'}"
          >
            <div style="text-align:center">
              <p style="color: #ffffff;font-size: 0.8rem">預警城市</p>
              
            </div>
</Modal>
====================================
data() {
    return {
      status: true,
   }
}

以上寫法能夠直接指定布爾類型，這樣就不會報錯；