el-radio和el-checkbox 数据回显后不能编辑

代码如下：

data(){
    return{
        userData:[]
    }

},

handleEdit:function (index,row) {
    console.log("row=",row)
    this.usereditdialog = true;
    if(row.role == '超级管理员'){
    this.userData.role=0;
}else{
    this.userData.role=1;
}
this.userData.private = row.private;
},

<el-row  style="width: 100%;text-align: left">
    <el-radio v-model="formData.role" :label="1">普通用户</el-radio>
    <el-radio v-model="formData.role" :label="0">管理员</el-radio>
</el-row>

错误原因：Vue示例化后，添加新的属性不会进行视图更新；

解决方法：

if(row.role == '超级管理员'){
    this.$set(this.userData,'role',0)
}else{
    this.$set(this.userData,'role',1)
}
this.$set(this.userData,'private',row.private)