el-radio切换前提醒 点击确定切换 点击取消el-radio状态不变 怎么实现

你可以在el-radio组件上绑定一个v-model，用来控制选中状态，同时在点击切换前提醒的弹窗中绑定两个按钮，一个是确定切换，一个是取消，分别设置对应的点击事件处理函数。在确定切换的事件处理函数中，将v-model绑定的值改为需要切换的值，即可实现切换。在取消事件处理函数中，不需要做任何操作，因为el-radio的选中状态已经不会改变。以下是一个简单的示例代码：

<template>
  <div>
    <el-dialog :visible.sync="showSwitchConfirm">
      <p>确定要切换吗？</p>
      <span slot="footer" class="dialog-footer">
        <el-button @click="cancelSwitch">取消</el-button>
        <el-button type="primary" @click="confirmSwitch">确定</el-button>
      </span>
    </el-dialog>
    <el-radio v-model="selectedValue" @click.native="showSwitchConfirm = true">{{ selectedValue }}</el-radio>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: 'A',
      showSwitchConfirm: false
    }
  },
  methods: {
    confirmSwitch() {
      // 确认切换，修改v-model绑定的值
      this.selectedValue = 'B'
      this.showSwitchConfirm = false
    },
    cancelSwitch() {
      // 取消切换，不需要做任何操作
      this.showSwitchConfirm = false
    }
  }
}
</script>