vue+iview Switch 開關

最近作項目用到vue+iview   Switch 開關，遇到兩個問題

問題1：直接引用開關組件 組件在頁面中顯示不出來  如：<Switch v-model="switch1" @on-change="change" />

解決：<i-switch v-model="switch1" @on-change="change" />這樣就能夠了

問題2：從後臺獲取數據回顯的時候報錯 如：Value should be trueValue or falseValue

解決：

<template>
   <i-switch v-model="data.switchShow" size="large" true-value="true" false-value="false">
          <span slot="open">開啓</span>
          <span slot="close">禁用</span>
    </i-switch>
</template>

<script>
 export default {
  data() {
    return {
      data: {
        switchShow: false,
      },
    }
  },
  mounted() {
    axs.get('').then(res => {
      this.data= {//從新賦值switchShow屬性 由於請求以後switchShow屬性會被清空，，清空以後沒有默認值，v-model是雙向數據綁定 沒有值因此會報錯

         switchShow: res.data 
         } 
     }) 
  } 
} </script>

注：若有紕漏請你們及時指出！嘿嘿