vue，ElementUI中Switch 開關，switch 打開時的值為數字，該如何設置

 

 

 頁面使用的是vue+ElementUI

想要顯示狀態與數據庫中的數據保持一致

 

 

 可以看到數據庫中show_Status 中是數字類型，0 表示不顯示，1表示顯示

  <el-table-column
        prop="showStatus"
        header-align="center"
        align="center"
        label="顯示狀態">
        <template slot-scope="scope">
          <el-switch
            v-model="scope.row.showStatus"
            :active-value="1"
            :inactive-value="0"
            active-color="#13ce66"
            inactive-color="#ff4949"
            @change="updateBrandStatus(scope.row)">
          </el-switch>

          {{scope.row.showStatus}}
          {{typeof(scope.row.showStatus)}}
        </template>
      </el-table-column>

 

　　

 

 如果是使用數字的話，這兩個屬性前面要加：否則不能識別出數據，會認為“1”，“0” 是字符串，導致開關狀態一直為關閉狀態

 

參考博客：https://blog.csdn.net/qq_35430000/article/details/99760226