el-switch点击后如何弹出对话框且页面上的开关不动点击确定后开关再变动

要实现这个功能，你可以使用以下方法：

1. 在 el-switch 组件上添加一个点击事件，当用户点击开关时触发该事件；
2. 在事件处理函数中，弹出一个对话框，并将该开关的状态保存到一个变量中；
3. 在对话框中添加一个确定按钮，在用户点击确定按钮时，更新该开关的状态，并关闭对话框。在更新开关状态时，需要判断该开关之前的状态与当前状态是否一致，如果一致则不需要再次更新状态，否则会导致开关状态的错误变化。

以下是一个简单的示例代码（假设你在 Vue.js 框架中使用 el-switch 组件）：

<template>
  <div>
    <el-switch v-model="switchValue" @change="handleSwitchChange"></el-switch>
    <el-dialog :visible="dialogVisible" @close="handleDialogClose">
      <span slot="title">确认</span>
      <div>确定要改变开关状态吗？</div>
      <span slot="footer">
        <el-button @click="handleDialogClose">取消</el-button>
        <el-button type="primary" @click="handleDialogConfirm">确定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      switchValue: false,
      dialogVisible: false,
      originalSwitchValue: false
    };
  },
  methods: {
    handleSwitchChange(value) {
      // 记录原始状态
      this.originalSwitchValue = value;
      // 显示对话框
      this.dialogVisible = true;
    },
    handleDialogClose() {
      // 关闭对话框时，恢复原始状态
      this.switchValue = this.originalSwitchValue;
      this.dialogVisible = false;
    },
    handleDialogConfirm() {
      // 确认改变状态时，更新开关状态
      this.dialogVisible = false;
      if (this.switchValue !== this.originalSwitchValue) {
        // 发送请求更新开关状态
        // ...
      }
    }
  }
};
</script>