Vue el-switch默认值显示不正确，如何解决？

本文共计493个文字，预计阅读时间需要2分钟。

目录 + el-switch + 初始值（默认值）无法正确显示状态 + 使用el-switch显示状态异常 + 问题描述 + el-switch + 初始值（默认值）无法正确显示状态 + 先检查一下接口返回格式 + 如果是字符串，不需要加引号

目录

• el-switch 初始值（默认值）不能正确显示状态
• 使用el-switch显示状态异常
• 问题表述

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

先去检查一下接口返回格式 如果是字符串 不需要加冒号

active-value="1" inactive-value="2"

如果是数字

:active-value="1" :inactive-value="2"

使用el-switch显示状态异常

问题表述

vue项目中的表格使用了el-switch，一开始这个状态我使用了布尔值来定义，结果显示异常 ，明明有true应该显示绿色开关的，但全都是红色(false)状态

百度之后找了一种方法能解决这个问题，特此记录

首页表格第一次用这个el-switch，此处禁止修改，设置了disabled,state的值也由布尔值换成了数字0或者1。