绑定v-model到一个Boolean类型的变量。可以使用active-color属性与inactive-color属性来设置开关的背景色。

文字描述

使用active-text属性与inactive-text属性来设置开关的文字描述。

<template>
  <div>
    <el-switch disabled v-model="options" active-color="#13ce66" inactive-color="#ff4949" active-text="按月付费" inactive-text="按年付费"></el-switch>
  </div>


</template>

<script>
  export default {
    data () {
      return {
        options: true

      }
    }
  }
</script>

<style>

</style>