积累篇-2021-7-31

• 1.使用el-select绑定后端返回的数据，数据类型比较复杂
  例:

  "code": 200,

  "batchs": [

    {

      "eventid": "批次1",

      "eventname": "场次1",

      "day": 30,

      "begintime": "2021-08-09 13:08:08",

      "overtime": "2020-09-10 13:08:08",

      "num": 30,

      "overnum": 20,

      "bools": true

    },

    {

      "eventid": "批次1",

      "eventname": "场次2",

      "day": 30,

      "begintime": "2021-08-09 13:08:08",

      "overtime": "2020-09-10  13:08:08",

      "num": 30,

      "overnum": 30,

      "bools": true

    }

  ]

}
拿到后端返回的数据，showData   select绑定的对象数组是 options
|先定义一个临时数组，tempArr 
|遍历后端数据

```javascript
showData.forEach(element->{//element就是shouData对象
	tempArr.push[
			{
					“value”:element.eventname
					num:element.num
					overnum:element.overnum
					disabled:false //还可以添加其他的我们想要的静态属性
                }
    ]
})```
|最后再把临时变量给  select绑定的数组 options
optionstempArr

• 2.接上一个问题，在用户选择完数据之后，向用户展示选中值对应对象的其他值。利用用户当前选的值，作为引子，去遍历当前对象数组。

|先给select添加 change事件 getOther
| getOther(item){//这里的item默认就是用户选择的值
 	 for(a=0;a<showData.length;a++){
	 if(item==showData[a]){
	 this.num=showData[a].num//拿到该对象里我们想要的其它属性
  										}

• 3.在组件传值的时候，当a子组件把值传给父组件A,父组件A修改完，通过props传回给子组件a,这时候不能把props的变量名，定义的和子组件a的一样。