vue elementUI 将el-switch的值自定义

用elementUI有许多的功能，但是长长的文档确实有点多，所以用到再查都是一般大家的方式。今天分享下自定义el-switch的值的方法

需求描述：后端传回的status值为1（number类型）对应el-switch值true（打开）状态，status值为0（number类型）对应el-switch值false（关闭）状态。

Source code

<el-switch
                          v-model="sysconfig.site_verify_code_switch"
                          active-value="1" inactive-value="0"
                          active-text="开启"
                          inactive-text="关闭">
                  </el-switch>

说明：当用如上的【active-value=”1″ inactive-value=”0″】，此时的【active-value】值类型为string，如果要求【active-value】值类型为number时，必须在其前面加上:

active-text 和 inactive-text 是开关2边的文字，我这里所的是一个是否开启全局验证码的配置开关，使用了之后如果model中数据变动会自动变动