项目开发难点-要求el-radio组件实现点击切换的时候，先弹出框判断是否符合条件，如果符合radio的值发生变化，不符合则不变。解决方法v-model的分解式 :value @Input

  <el-radio v-model="radio" label="1">备选项1</el-radio>
  <el-radio v-model="radio" label="2">备选项2</el-radio>

<template>
    <el-radio :value="radio" @input=InputHandle($event) label="1">备选项1</el-radio>
    <el-radio  :value="radio" @input=InputHandle($event) label="2">备选项2</el-radio>
</template>

<script>
  export default {
    data () {
      return {
        radio: '1'
      };
    }
    methods: {
      InputHandle(val) {
        this.$confirm(' 是否改变当前值?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
           this.radio = val
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消'
          });          
        });
      }
    }
  }
</script>