प्रौद्योगिकी साझेदारी

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

मूल js चिन्तनस्य अन्तर्गतं, cascading ड्रॉप-डाउन बॉक्सस्य विकल्पः प्रायः प्रथमं प्रथमस्तरीयस्य ड्रॉप्-डाउन बॉक्सस्य मेनू बाइण्ड् कर्तुं, ततः ड्रॉप्-डाउन बॉक्सस्य अधः onchange कर्तुं, onchange इवेण्ट् मध्ये वर्तमानं विकल्पं प्राप्तुं, तथा च ततः द्वितीयस्तरीयं ड्रॉप्-डाउन-बॉक्स-दत्तांशं बन्धयन्तु, इत्यादि...

भवन्तः Vue framework इत्यस्य अन्तर्गतं स्वचिन्तनं परिवर्तयन्तु प्रथमं प्रथमस्तरीयस्य ड्रॉप्-डाउन-पेटिकायाः ​​दत्तांशं सेट् कुर्वन्तु, ततः विकल्पं पश्यन्तु यदि परिवर्तते तर्हि द्वितीय-स्तरीयस्य ड्रॉप्-डाउन-पेटिकायाः ​​दत्तांशं सेट् कुर्वन्तु, इत्यादि : १.

<el-form-item label="省">
      <el-select v-model="where.provinceId" placeholder="请选择省份" clearable >
             <el-option v-for="item in provinces" :key="item.id" :label="item.name" :value="item.id" />
       </el-select>
</el-form-item>
<el-form-item label="市">
      <el-select v-model="where.cityId" placeholder="请选择市" clearable>
             <el-option v-for="item in cities" :key="item.id" :label="item.name" :value="item.id" />
       </el-select>
</el-form-item>

const provinces = ref([])
const cities = ref([])
 
onMounted(()=>{
    // 通过接口获取省份
    provinces.value = [...data]
})
 
watch: {
    provinceId: {
      deep: true,
      handler() {
        // 根据接口获取市的数据
        cities.value=[...data]
        // 清空城市的选择
        where.cityId=''
      }
    }
},