提示：

active-color="#305BE7"    active-text="开"  打开时的背景颜色和内容

inactive-color="#7D8294"  inactive-text="关"  关闭时的背景颜色和内容

 内容：

 

           <el-switch  

            v-model="value2"

            class="switch1"

            active-color="#305BE7"

            active-text="开"

            active-value="00000000"

            inactive-color="#7D8294"

            inactive-text="关"

            inactive-value="10000000">

            </el-switch>

 样式：

<style lang="scss" scoped>
 
::v-deep .el-switch__label {
  position: absolute;
  display: none;
  color: #fff;
}
/*打开时文字位置设置*/
::v-deep .el-switch__label--right {
  z-index: 1;
  right: 20px;
}
/*关闭时文字位置设置*/
::v-deep .el-switch__label--left {
  z-index: 1;
   left: 42px;
}
/*显示文字*/
::v-deep .el-switch__label.is-active {
  display: block;
}
::v-deep .el-switch .el-switch__core,
.el-switch .el-switch__label {
  width: 55px;
}
</style>