基於vue的級聯選擇器，可以單項，二級， **級聯，多級級聯web開發中我們經常會遇到級聯選擇器的問題，尤其是在表單中,無外乎幾種情況：
在jquery中有很多好用的外掛程式，比如select2, 單選，多選的功能都具備。
本文**一下在vue中的實現級聯選擇器，自己在專案中碰到過以下兩種情況的後端資料,查閱資料後也證實了這兩種資料的合理性:
預覽位址
github位址
1 後端處理資料邏輯
這種情況是比較推薦的，大量的資料運算放在後端來進行，只需前後端商量好資料格式即可
一般的資料格式可能如下：
[, , , ]
}, , , , ]
}]
2 前端處理資料邏輯
這種情況適合資料量較小的資料，或者由於某種原因後端只能返給你這種資料，那所有的資料處理就需要前端來操作，最終拼成的格式也與上述情況類似，只不過是多幾個或少幾個欄位的問題。
資料格式可能會是這樣：
[,,,
,,,,
,,,,
,,,,
,]
如何在元件中使用
props
type
description
origanization
array
級聯資料來源，格式必須按照第一種資料中的格式顯示
value
array
選中中或預設值,可以直接用v-model語法糖，具體可以檢視例子
仿IOS城市選擇器，2級聯動，也支援2
在build裡面加入使用的包 引入城市外掛程式包 implementation com.contrarywind android pickerview 4.1.6 在頁面寫入需要使用的類 private arraylistoptions1items new arraylist private arr...
React後台管理系統 品類選擇器二級聯動元件
1.頁面大致是這個樣子 2.頁面結構 this.onfirstcategorychange e classname form control cate select value 請選擇一級分類 就需要return,不加就不需要return this.state.firstcategorylist.m...
React後台管理系統 品類選擇器二級聯動元件
1.頁面大致是這個樣子 2.頁面結構 col md 10 this.onfirstcategorychange e classname form control cate select value 請選擇一級分類 就需要return,不加就不需要return this.state.firstcate...