网页设计与制作实践报告小结_深圳建筑设计网_免费浏览器网站推荐_广东深圳有哪些公司

  // 当省变化时对应的市变化，当市变化对应的区变化handleColChange = e => {if (dataList[e.target.value].cityList.length != 0) {if (e.detail.column == 0) {//判断第1列value值省发生了变化this.index=e.target.valuethis.cityList=[]for(let i=0;i<dataList[e.target.value].cityList.length;i++){if(dataList[e.target.value].cityList[i].name!='县'&&dataList[e.target.value].cityList[i].name!='市')//过滤县与市{this.cityList.push(dataList[e.target.value].cityList[i].name)}}if (dataList[e.target.value].cityList[0].areaList.length > 0) {//存在区this.areaList = []//将市区内容置空let arrArea = dataList[e.target.value].cityList[0].areaList//将第1列选中的value值下标对应的市区存入数组arrArea中for (let i = 0; i < arrArea.length; i++) {this.areaList.push(arrArea[i])//将最新的市区数组放入全局变量市区数组中}this.state.cityAreaList.splice(1, 2, this.cityList,this.areaList)//替换原来的市数组，触发页面更新this.setState({cityAreaList: this.state.cityAreaList})}else {this.cityList = ['']this.areaList=['']this.state.cityAreaList.splice(1, 2, this.cityList,this.areaList)this.setState({cityAreaList: this.state.cityAreaList})}}if (e.detail.column == 1) {//判断第2列value值变化console.log(dataList[this.index].cityList[e.target.value].areaList)if(dataList[this.index].cityList[e.target.value].areaList.length>0){this.areaList=[]//将区置空let arrArea=dataList[this.index].cityList[e.target.value].areaListfor(let i=0;i<arrArea.length;i++){this.areaList.push(arrArea[i])}}else{this.areaList=[]}this.state.cityAreaList.splice(2,1,this.areaList)//替换原来的区数组this.setState({cityAreaList:this.state.cityAreaList})}}else {this.cityList = []this.areaList = []this.state.cityAreaList.splice(1, 2, this.cityList, this.areaList)this.setState({cityAreaList: this.state.cityAreaList})}}onAreaChange = e => {console.log(111,e.detail.value)this.setState({province:this.state.cityAreaList[0][e.detail.value[0]]+'省',city: this.state.cityAreaList[1][e.detail.value[1]],area: this.state.cityAreaList[2][e.detail.value[2]],isCityArea: true})console.log(e.detail)}