VUE? Element-UI ??? 2 ? ??? ????? ??? ?????? ???????. ??? ??, ??? ??, ?? ? ?? ?? (??? ??)? ?????? VUE? ?? ? ??? (??? ?? ?)? ?? ?? ????? ???? ???? ??? ???? ?? ?? ????? ????,?? ?? ? ?? ?? (??? ? ?? ?? ? ?? ??)? ???? ?? ??? (?? ??? ? ??? ? ??? ???)? ?????. ??)

VUE? Element-UI ?? 2 ? ?? : ???? ??? ??

?? ???? VUE ? Element-UI? ???? ????? ?? ? ? ?? ??? ?????. ????? ?? ?? ? ????. ? ?? ?? ?? ??? ??? ??? ???? ?? ??? ?? ?????? ??? ?? ???? ?? ??? ????. ? ????? ??? ?? ??? ??? ??? ??? ????? ? ???? ??? ??? ???? ??????. ?? ??? ??? ????? ??? ??? ? ?? ?? ??? ??? ???? ??? ??? ??? ??? ? ????.

? ?? ??? ?? ??? ? ???. 2 ? ??? ???? ??? ??? ??? ????. ???? ??? ?????? ?? ??? ?? ?? VUE? ?????? ???? ?????? ? ??? ? ? ????. Element-UI? ???? ??? ?? ??? ???? ???? ? ??? ? ??? ????? ????.

?? ?? : Vue ? Element-UI? ??? ?????

VUE? ??? ??? ???????. ???? ??????? ???? ???????. Element-UI? SELECT (?? ?? ??)? ?? ?? ??? ?? ??? ???? VUE ?? UI ?? ?? ????????. ???? ??? ?????.

?? : ??? ?? ? ?? ??

??? ?? ? ?? 2 ? ??? ???? ??? ?? ? ???. ?? ???? ??? ??? ??? ????.

 <code class="javascript">const provinces = [ { value: '1', label: '北京' }, { value: '2', label: '上海' }, { value: '3', label: '廣東', cities: [ { value: '31', label: '廣州' }, { value: '32', label: '深圳' } ]}, // ...其他省份];</code>

??? provinces ? ? ?? ???? ?? ??? ??? ???? cities ??? ???? ????. ??? ????? : ??? ??!

?? VUE ??? ?? ?????. ???? ?? API? ???? ???, ?? ? ?????.

 <code class="vue"><template> <el-select v-model="selectedProvince"> <el-option v-for="province in provinces" :key="province.value" :label="province.label" :value="province.value"> </el-option> </el-select> <el-select v-model="selectedCity"> <el-option v-for="city in cities" :key="city.value" :label="city.label" :value="city.value"> </el-option> </el-select> </template> <script> import { ref, computed } from &#39;vue&#39;; export default { setup() { const provinces = [ /* 省份數(shù)據(jù)，如上*/ ]; const selectedProvince = ref(&#39;&#39;); const selectedCity = ref(&#39;&#39;); const cities = computed(() => { const province = provinces.find(p => p.value === selectedProvince.value); return province ? province.cities : []; }); const provinceChanged = () => { selectedCity.value = &#39;&#39;; // 省份改變時(shí)，清空城市選擇}; return { provinces, selectedProvince, selectedCity, cities }; } }; </script></code>

?? ?? ?? :

selectedProvince ? selectedCity ?? ?? ??? ??? ???? ???? ? ??????. cities selectedProvince ? ?? ?? ??? ??? ???? ???? ?? ? ?? ?????. provinceChanged ??? ??? ??? ???? ??? ?? ?? ? ? ?? ??? ?????.

?? ?? ? PIT : ??? ??? ? ?? ??

?? ?? ???? ???? ?? ?????? ???? ????? ???? ??? ??? ????. ? ???? async/await ?? Promise ??? ?? ??? ??? ???????. ???????? ?? ??? ??? ??? ?? ?? ??? ???????.

?? ?? ??? ???????. ???? ??? ???? ??? ??? ???? ?? ? ? ????. ??? ?? ??? ?? ?? ? ?? ????? ???? ? ??? ??? ???? ?? ? ? ????????.

?? ??? ? ?? ?? :

??? ??? ? ????? ?? ???? ???????. ?? ??, ?? ??? ??? ???? ?? ???? ??? ? ??? ? ? ????.

??? ???? ?? ??? ?????. ??? ?? ??? ????, ??? ??? ????, ??? ?? ??? ??? ??? ??????.

???, VUE? Element-UI ??? ?? ??? ?? ? ???? ??? ??? ??, ??? ??, ?? ?? ? ?? ???? ?? ?? ??? ?????. ? ??? ? ?? ?????? ??? ??? ???? ? ?????? ????. ?????? ?? ??? ?? ?? ??? ??? ?????.

? ??? VUE? Element-UI ?? 2 ? ??? ???? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!