用VUE+AXIOS實(shí)現(xiàn)聯(lián)動菜單三級聯(lián)動
在PAY字段、通用訂單、商城中,
需要填寫地址的地方,官方是用jquery.ld.js 來實(shí)現(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部份
看看學(xué)習(xí)一下啊
類似篩選器嗎?
看看看看看看看看看看看看