el-table el-switch 不能正确显示状态一直都是关闭

el-switch 初始值（默认值）不能正确显示状态问题

错误案例：

<el-table-column
        prop="showStatus"
        header-align="center"
        align="center"
        label="显示状态">
        <template slot-scope="scope">
            <el-switch active-color="#13ce66" inactive-color="#ff4949" v-model="scope.row.showStatus" active-value="1" inactive-value="0">
         </el-switch>
        </template>
      </el-table-column>

正确案例

<el-table-column
        prop="showStatus"
        header-align="center"
        align="center"
        label="显示状态">
        <template slot-scope="scope">
            <el-switch active-color="#13ce66" inactive-color="#ff4949" v-model="scope.row.showStatus" :active-value="1" :inactive-value="0">
         </el-switch>
        </template>
      </el-table-column>

总结：用active-value="1" inactive-value="0"时的active-value值类型为string，如果要求active-value值类型为number时，必须在其前面加上冒号(:)来转换

注意：本文归作者所有，未经作者允许，不得转载