在使用ElementUI Switch 开关时,active-value
和inactive-value
属性,接受Boolean
, String
或Number
类型的值。
后端通过int类型的0和1表示不同的状态,返回到前端。
当接受到的时Number类型时,即使此时Number的值与active-value相同也会显示关闭状态
<el-form-item label="状态">
<el-switch v-model="status"
inactive-value="0"
active-value="1"
></el-switch>
</el-form-item>
解决方法:
在active-value
和inactive-value
属性前加上 : ,就可以解决
<el-form-item label="状态">
<el-switch v-model="status"
:inactive-value="0"
:active-value="1"
></el-switch>
</el-form-item>