vue el switch

Vue的el-switch是一个开关组件，用于在Vue应用中实现开关功能。它可以绑定一个值，根据这个值的变化来控制开关的状态。根据提供的引用内容，可以看到el-switch有几个常用的属性和事件。

1. 绑定数值时，使用v-model指令来绑定一个数值类型的变量，同时使用active-value和inactive-value属性来指定开关的值。例如：

<el-switch v-model="value" :active-value="1" :inactive-value="0" active-color="#13ce66" inactive-color="#ff4949"></el-switch>

这里的value是一个数值类型的变量，当开关打开时，value的值为1，当开关关闭时，value的值为0。

2. 绑定字符串时，不需要使用v-model指令，直接使用active-value和inactive-value属性来指定开关的值。例如：

<el-switch v-model="value" active-value="1" inactive-value="0" active-color="#13ce66" inactive-color="#ff4949"></el-switch>

这里的value是一个字符串类型的变量，当开关打开时，value的值为"1"，当开关关闭时，value的值为"0"。

3. 在el-table中使用el-switch，可以通过prop属性指定数据源中的字段，使用slot-scope来获取当前行的数据。例如：

<el-table-column label="状态" align="center" width="100" prop="status">
  <template slot-scope="scope">
    <el-switch
      v-model="scope.row.status"
      :active-value="0"
      :inactive-value="1"
      active-text="开"
      inactive-text="关"
      @change="handleStatusChange(scope.row)"
    ></el-switch>
  </template>
</el-table-column>

这里的status是数据源中的字段，通过v-model绑定到el-switch上，当开关状态改变时，会触发change事件，可以通过@change来监听状态改变的事件。