【ElementUI】【Vue】el-Radio失效，无法切换选中效果

一、问题

1.1、环境
电脑环境：Windows 10；
开发工具：IntelliJ IDEA；
数据库环境：Redis 3.2.100
JDK环境: Jdk1.8；

1.2、问题
【Vue】【ElementUI】为什么使用el-radio 标签失效？

使用el-radio标签，点击图中的【审核不通过】圆形单点框，没有反应，还是默认选中【审核通过】。

二、解答

1、这里有个坑，就是ElementUI和Vue.js框架配合使用的时候，不支持先创建空对象，然后用连点的方式给属性赋值。
错误方法：

    //3 审核
    reviewSysRole(val) {
      //默认通过
      this.$nextTick(() => {
        this.verifyForm = {};
        this.verifyForm.status = 3;
        this.verifyForm.id = val.id;
        this.verifyForm.remark = "";
        this.verifyForm.type = false;
        this.dialogFormVisible = true;
      });
    },

2、修改后的方法：

    //3 审核
    reviewSysRole(val) {
      //默认通过
      this.$nextTick(() => {
        this.verifyForm = {
          id: val.id,
          status: 3,
          remark: "",
          type: false
        };
        // this.verifyForm.status = 3;
        // this.verifyForm.id = val.id;
        // this.verifyForm.remark = "";
        // this.verifyForm.type = false;
        this.dialogFormVisible = true;
      });
    },

ok，问题解决~

参考资料

完毕~

三、总结

承接项目开发（电商，金融，直播等互联网开发项目），承接外包等互联网业务~

欢迎关注我的
CSDN博客： https://blog.csdn.net/River_Continent
微信公众号：幕桥社区

知乎：张牧野， https://www.zhihu.com/people/zhang-mu-ye-37-76/activities
简书： https://www.jianshu.com/u/02c0096cbfd3