解决使用el-switch的@change方法时初始就自动触发问题

解释：

el-switch 是 Element UI 组件库中的开关组件，用于在两个状态之间切换。当使用 @change 事件监听开关状态的变化时，如果初始化时组件已经在另一个状态，那么可能会触发不必要的 @change 事件。

解决方法：

1. 使用 v-model 绑定数据，而不是直接绑定到 value 属性，并确保绑定的数据属性在组件初始化时有一个明确的初始值。
2. 在 @change 事件处理函数中，检查状态变化是由用户操作引起的，还是由代码更改引起的。如果是代码更改引起的，可以忽略事件处理函数的调用。

示例代码：

<template>
  <el-switch
    v-model="switchValue"
    @change="handleSwitchChange"
  ></el-switch>
</template>
 
<script>
export default {
  data() {
    return {
      switchValue: false // 初始状态设置为 false
    };
  },
  methods: {
    handleSwitchChange(value) {
      // 检查是否为用户操作触发的变化
      if (this.switchValue !== value) {
        // 如果是代码更改，不执行后续操作或进行额外处理
        return;
      }
      // 如果是用户操作，执行需要的处理逻辑
      // ...
    }
  }
};
</script>

在这个示例中，handleSwitchChange 方法会检查开关状态变化是否由用户触发，如果是代码更改 (this.switchValue 和 value 相同)，则不执行任何操作。这样可以避免在初始化时由于状态的变化而触发不必要的处理逻辑。