聯(lián)系官方銷售客服
1835022288
028-61286886
用VUE+AXIOS實現(xiàn)聯(lián)動菜單三級聯(lián)動
在PAY字段、通用訂單、商城中,
需要填寫地址的地方,官方是用jquery.ld.js 來實現(xiàn)三級聯(lián)動,
由于不想用JQ,所以用VUE+AXIOS把菜單的三級聯(lián)動重新了一次。
<div id="app"> <select v-model="selectedRegion1" @change="onRegion1Change"> <option value="">請選擇</option> <option v-for="region in regions" :value="region.region_id">{{ region.region_name }}</option> </select> <select v-model="selectedRegion2" @change="onRegion2Change" v-if="subRegions1.length > 0"> <option value="">請選擇</option> <option v-for="region in subRegions1" :value="region.region_id">{{ region.region_name }}</option> </select> <select v-model="selectedRegion3" v-if="subRegions2.length > 0"> <option value="">請選擇</option> <option v-for="region in subRegions2" :value="region.region_id">{{ region.region_name }}</option> </select> </div>
JS部份