前端报错Cannot read property 'push' of undefined

Question

1.数据区声明变量

        ruleForm: {
            role:'',
            sdemands:'',
            demands: []
        },

2.获得服务器返回数据(服务器端返回role,sdemands，没有demands数据),赋值this.ruleForm=...（这个没有问题）
具体需求如下：
sdemands数据形式如下：a(1),b(2)
想要将sdemands解析并赋值给demands，是的demands变量形式如下：

demands：[
    {value1:a,value2:1},
    {value1:b,value2:2}
]

3.操作如下，但是前段报错506 Uncaught TypeError: Cannot read property 'push' of undefined

                    var ded=this.ruleForm.sdemands.split(',');
                    var ded1='';
                    var ded2='';
                    for(var i=0;i<ded.length;i++){
                        ded1=ded[i].split('(')[0];
                        ded2=ded[i].split('(')[1];
                        ded2=ded2.substring(0,ded2.length-1);
                        this.ruleForm.demands.push({value1: ded1, value2: ded2, key: Date.now()});
                    }
                    
                    

补充一下：先声明数组test，赋值给test，然后test在复制给demands就好了，但是有没有更好的解决办法

                    var test=[];
                    var ded=this.ruleForm.sdemands.split(',');
                    var ded1='';
                    var ded2='';
                    for(var i=0;i<ded.length;i++){
                        ded1=ded[i].split('(')[0];
                        ded2=ded[i].split('(')[1];
                        ded2=ded2.substring(0,ded2.length-1);
                        test.push({value1: ded1, value2: ded2, key: Date.now()});
                    }
                    console.log(test);
                    this.ruleForm.demands=test;
                    console.log(this.ruleForm.demands);

Answer 1

2.获得服务器返回数据(服务器端返回role,sdemands，没有demands数据),赋值this.ruleForm=...（这个没有问题）

估计你在第2步赋值操作的时候demands丢失了。
改成：
this.ruleForm.role=...;
this.ruleForm.sdemands=...;