element-plus的开关如何实现每个页面同步

要实现每个页面之间开关的同步，你可以使用Vuex来管理开关的状态。以下是一般的步骤：

首先，你需要在Vuex的store中定义一个开关状态。在store的state中添加一个属性来存储开关的状态：

state: {
  switchStatus: false // 初始状态为关闭
}

在store中定义一个mutation来更新开关状态。在mutations中添加一个方法来更新开关的状态：

mutations: {
  updateSwitchStatus(state, status) {
    state.switchStatus = status;
  }
}

在需要使用开关的页面中，可以通过mapState和mapMutations来获取和更新开关状态。在页面的computed属性中使用mapState获取开关状态：

import { mapState, mapMutations } from 'vuex';

export default {
  computed: {
    ...mapState(['switchStatus'])
  },
  methods: {
    ...mapMutations(['updateSwitchStatus'])
  }
}

在页面中使用开关组件，并将开关状态绑定到computed属性中获取的开关状态，同时监听开关状态的变化并调用mutation来更新状态：

<template>
  <div>
    <el-switch v-model="switchStatus" @change="handleSwitchChange"></el-switch>
  </div>
</template>

<script>
export default {
  computed: {
    switchStatus: {
      get() {
        return this.$store.state.switchStatus;
      },
      set(value) {
        this.updateSwitchStatus(value);
      }
    }
  },
  methods: {
    handleSwitchChange(status) {
      this.updateSwitchStatus(status);
    }
  }
}
</script>

通过以上步骤，你可以在每个页面中同步显示和更新开关的状态。当在一个页面中改变开关状态时，其他页面也会同步更新