components/region-select/index.vue

@@ -19,19 +19,13 @@
             </div>
           </picker-view-column>
           <picker-view-column
-            v-if="
+            v-if="cityList.length && ['city', 'county'].includes(this.area)"
-              cityList &&
-              cityList.length &&
-              ['city', 'county'].includes(this.area)
-            "
           >
             <div v-for="c in cityList" :key="c.id" class="picker-item">
               {{ c.name }}
             </div>
           </picker-view-column>
-          <picker-view-column
+          <picker-view-column v-if="countyList.length && this.area == 'county'">
-            v-if="countyList && countyList.length && this.area == 'county'"
-          >
             <div v-for="d in countyList" :key="d.id" class="picker-item">
               {{ d.name }}
             </div>
@@ -125,7 +119,6 @@ export default {
               .filter(key => res.data[key])
               .filter(key => !res.data?.data?.[`${key}Data`])
               .reverse()
-            console.log(needSelected, 'needSelected')
             if (
               needSelected?.length &&
               Object.keys(res.data?.data || {}).length < needSelected?.length
@@ -187,7 +180,6 @@ export default {
           }
         }
       })
-
       this.cityList.forEach(item => {
         const province = this.provinceList.find(
           province => province.pkId === item.parent
@@ -200,8 +192,6 @@ export default {
           }
         }
       })
-      this.provinceList = this.provinceList.filter(item => item.children)
-      this.cityList = this.cityList.filter(item => item.children)
       this.cityList = this.provinceList[this.pickerValue[0]].children
       this.countyList = this.cityList[this.pickerValue[1]].children
     },